From fb626a151d25e299d707a6a62e8ac4c9cefd76e6 Mon Sep 17 00:00:00 2001 From: GilbN Date: Wed, 28 Jul 2021 18:04:37 +0000 Subject: [PATCH] deploy: 10f5ad90ee4310b47728db895b1104ffab183c96 --- CSS/addons/bazarr/bazarr-4k-logo.css | 36 +- CSS/addons/organizr/glass/glass-base.css | 862 +++++- CSS/addons/organizr/glass/glass-login.css | 193 +- CSS/addons/radarr/radarr-4k-logo.css | 97 +- CSS/addons/sonarr/sonarr-4k-logo.css | 116 +- .../unraid/login-page/alien/alien_base.css | 246 +- CSS/addons/unraid/login-page/alien/custom.css | 23 +- .../unraid/login-page/alien/hallway.css | 23 +- .../unraid/login-page/alien/hallway2.css | 23 +- .../unraid/login-page/alien/hallway3.css | 23 +- .../unraid/login-page/alien/hallway4.css | 23 +- .../unraid/login-page/alien/isolation.css | 23 +- .../login-page/alien/isolation_video.css | 22 +- .../unraid/login-page/alien/js/isolation.js | 7 +- .../unraid/login-page/alien/nightmare.css | 23 +- .../unraid/login-page/alien/scanner.css | 23 +- .../unraid/login-page/fallout/custom.css | 219 +- .../login-page/fallout/dirty_terminal.css | 29 +- .../login-page/fallout/dirty_terminal2.css | 29 +- .../login-page/fallout/fallout_base.css | 196 +- .../login-page/fallout/fallout_video.css | 36 +- .../login-page/fallout/js/please_stand_by.js | 8 +- .../login-page/fallout/js/vault-tec-crt.js | 8 +- .../fallout/js/vault-tec-crt_no-scanline.js | 8 +- .../unraid/login-page/fallout/terminal.css | 28 +- .../unraid/login-page/fallout/terminal2.css | 28 +- .../login-page/retro-terminal/amber.css | 34 +- .../unraid/login-page/retro-terminal/blue.css | 34 +- .../login-page/retro-terminal/custom.css | 34 +- .../login-page/retro-terminal/green.css | 34 +- .../retro-terminal/js/custom_text_header.js | 12 +- .../unraid/login-page/retro-terminal/red.css | 34 +- .../retro-terminal/retro-terminal-base.css | 363 ++- .../login-page/retro-terminal/white.css | 34 +- CSS/themes/adguard/adguard-base.css | 615 ++++- CSS/themes/adguard/aquamarine.css | 17 +- CSS/themes/adguard/dark.css | 17 +- CSS/themes/adguard/dracula.css | 17 +- CSS/themes/adguard/hotline.css | 17 +- CSS/themes/adguard/organizr-dark.css | 17 +- CSS/themes/adguard/plex.css | 17 +- CSS/themes/adguard/space-gray.css | 17 +- CSS/themes/bazarr/aquamarine.css | 22 +- CSS/themes/bazarr/bazarr-base-old.css | 819 +++++- CSS/themes/bazarr/bazarr-base.css | 849 +++++- CSS/themes/bazarr/dark.css | 22 +- CSS/themes/bazarr/dracula.css | 22 +- CSS/themes/bazarr/hotline.css | 22 +- CSS/themes/bazarr/organizr-dark.css | 22 +- CSS/themes/bazarr/plex.css | 22 +- CSS/themes/bazarr/space-gray.css | 22 +- CSS/themes/bitwarden/aquamarine.css | 17 +- CSS/themes/bitwarden/bitwarden-base.css | 497 +++- CSS/themes/bitwarden/dark.css | 17 +- CSS/themes/bitwarden/dracula.css | 17 +- CSS/themes/bitwarden/hotline.css | 17 +- CSS/themes/bitwarden/organizr-dark.css | 17 +- CSS/themes/bitwarden/plex.css | 17 +- CSS/themes/bitwarden/space-gray.css | 17 +- CSS/themes/calibreweb/aquamarine.css | 18 +- CSS/themes/calibreweb/calibreweb-base.css | 321 ++- CSS/themes/calibreweb/dark.css | 18 +- CSS/themes/calibreweb/dracula.css | 18 +- CSS/themes/calibreweb/hotline.css | 18 +- CSS/themes/calibreweb/organizr-dark.css | 18 +- CSS/themes/calibreweb/space-gray.css | 18 +- CSS/themes/deluge/aquamarine.css | 22 +- CSS/themes/deluge/dark.css | 22 +- CSS/themes/deluge/deluge-base.css | 2453 ++++++++++++++++- CSS/themes/deluge/dracula.css | 22 +- CSS/themes/deluge/hotline.css | 22 +- CSS/themes/deluge/organizr-dark.css | 22 +- CSS/themes/deluge/plex.css | 22 +- CSS/themes/deluge/space-gray.css | 22 +- CSS/themes/dozzle/aquamarine.css | 27 +- CSS/themes/dozzle/dark.css | 27 +- CSS/themes/dozzle/dozzle-base.css | 269 +- CSS/themes/dozzle/dracula.css | 27 +- CSS/themes/dozzle/hotline.css | 27 +- CSS/themes/dozzle/organizr-dark.css | 27 +- CSS/themes/dozzle/plex.css | 27 +- CSS/themes/dozzle/space-gray.css | 27 +- CSS/themes/duplicacy/aquamarine.css | 17 +- CSS/themes/duplicacy/dark.css | 17 +- CSS/themes/duplicacy/dracula.css | 17 +- CSS/themes/duplicacy/duplicacy-base.css | 687 ++++- CSS/themes/duplicacy/hotline.css | 17 +- CSS/themes/duplicacy/organizr-dark.css | 17 +- CSS/themes/duplicacy/plex.css | 17 +- CSS/themes/duplicacy/space-gray.css | 17 +- CSS/themes/emby/aquamarine.css | 64 +- CSS/themes/emby/dark.css | 64 +- CSS/themes/emby/dracula.css | 64 +- CSS/themes/emby/emby-base.css | 700 ++++- CSS/themes/emby/hotline.css | 64 +- CSS/themes/emby/organizr-dark.css | 64 +- CSS/themes/emby/plex.css | 64 +- CSS/themes/emby/space-gray.css | 64 +- CSS/themes/filebrowser/aquamarine.css | 17 +- CSS/themes/filebrowser/dark.css | 17 +- CSS/themes/filebrowser/dracula.css | 17 +- CSS/themes/filebrowser/filebrowser-base.css | 685 ++++- CSS/themes/filebrowser/hotline.css | 17 +- CSS/themes/filebrowser/organizr-dark.css | 17 +- CSS/themes/filebrowser/plex.css | 17 +- CSS/themes/filebrowser/space-gray.css | 17 +- CSS/themes/flood/aquamarine.css | 21 +- CSS/themes/flood/dark.css | 16 +- CSS/themes/flood/dracula.css | 16 +- CSS/themes/flood/flood-base.css | 733 ++++- CSS/themes/flood/hotline.css | 16 +- CSS/themes/flood/organizr-dark.css | 16 +- CSS/themes/flood/plex.css | 16 +- CSS/themes/flood/space-gray.css | 16 +- CSS/themes/gaps/aquamarine.css | 16 +- CSS/themes/gaps/dark.css | 16 +- CSS/themes/gaps/dracula.css | 16 +- CSS/themes/gaps/gaps-base.css | 396 ++- CSS/themes/gaps/hotline.css | 16 +- CSS/themes/gaps/organizr-dark.css | 16 +- CSS/themes/gaps/plex.css | 16 +- CSS/themes/gaps/space-gray.css | 16 +- CSS/themes/gitea/aquamarine.css | 28 +- CSS/themes/gitea/chroma.css | 562 +++- CSS/themes/gitea/dark.css | 28 +- CSS/themes/gitea/dracula.css | 28 +- CSS/themes/gitea/gitea-base.css | 1596 ++++++++++- CSS/themes/gitea/hotline.css | 28 +- CSS/themes/gitea/organizr-dark.css | 28 +- CSS/themes/gitea/plex.css | 28 +- CSS/themes/gitea/space-gray.css | 28 +- CSS/themes/grafana/aquamarine.css | 17 +- CSS/themes/grafana/dark.css | 17 +- CSS/themes/grafana/dracula.css | 17 +- CSS/themes/grafana/grafana-base.css | 1310 ++++++++- CSS/themes/grafana/hotline.css | 17 +- CSS/themes/grafana/organizr-dark.css | 17 +- CSS/themes/grafana/organizr-dashboard.css | 600 +++- CSS/themes/grafana/plex.css | 17 +- CSS/themes/grafana/space-gray.css | 17 +- CSS/themes/guacamole/aquamarine.css | 17 +- CSS/themes/guacamole/dark.css | 17 +- CSS/themes/guacamole/dracula.css | 17 +- CSS/themes/guacamole/guacamole-base.css | 643 ++++- CSS/themes/guacamole/hotline.css | 17 +- CSS/themes/guacamole/organizr-dark.css | 17 +- CSS/themes/guacamole/plex.css | 17 +- CSS/themes/guacamole/space-gray.css | 17 +- CSS/themes/jackett/aquamarine.css | 17 +- CSS/themes/jackett/dark.css | 17 +- CSS/themes/jackett/dracula.css | 17 +- CSS/themes/jackett/hotline.css | 17 +- CSS/themes/jackett/jackett-base.css | 442 ++- CSS/themes/jackett/organizr-dark.css | 17 +- CSS/themes/jackett/plex.css | 17 +- CSS/themes/jackett/space-gray.css | 17 +- CSS/themes/jellyfin/aquamarine.css | 64 +- CSS/themes/jellyfin/dark.css | 64 +- CSS/themes/jellyfin/dracula.css | 64 +- CSS/themes/jellyfin/hotline.css | 64 +- CSS/themes/jellyfin/jellyfin-base.css | 876 +++++- CSS/themes/jellyfin/organizr-dark.css | 64 +- CSS/themes/jellyfin/plex.css | 64 +- CSS/themes/jellyfin/space-gray.css | 64 +- CSS/themes/kitana/aquamarine.css | 17 +- CSS/themes/kitana/dark.css | 17 +- CSS/themes/kitana/dracula.css | 17 +- CSS/themes/kitana/hotline.css | 17 +- CSS/themes/kitana/kitana-base.css | 254 +- CSS/themes/kitana/organizr-dark.css | 17 +- CSS/themes/kitana/plex.css | 17 +- CSS/themes/kitana/space-gray.css | 17 +- CSS/themes/lazylibrarian/aquamarine.css | 16 +- CSS/themes/lazylibrarian/dark.css | 16 +- CSS/themes/lazylibrarian/dracula.css | 16 +- CSS/themes/lazylibrarian/hotline.css | 16 +- .../lazylibrarian/lazylibrarian-base.css | 490 +++- CSS/themes/lazylibrarian/organizr-dark.css | 16 +- CSS/themes/lazylibrarian/plex.css | 16 +- CSS/themes/lazylibrarian/space-gray.css | 16 +- CSS/themes/librespeed/aquamarine.css | 17 +- CSS/themes/librespeed/dark.css | 17 +- CSS/themes/librespeed/dracula.css | 17 +- CSS/themes/librespeed/hotline.css | 17 +- CSS/themes/librespeed/librespeed-base.css | 120 +- CSS/themes/librespeed/organizr-dark.css | 17 +- CSS/themes/librespeed/plex.css | 17 +- CSS/themes/librespeed/space-gray.css | 17 +- CSS/themes/lidarr/aquamarine.css | 26 +- CSS/themes/lidarr/dark.css | 28 +- CSS/themes/lidarr/dracula.css | 28 +- CSS/themes/lidarr/hotline.css | 28 +- CSS/themes/lidarr/lidarr-base.css | 1131 +++++++- CSS/themes/lidarr/organizr-dark.css | 28 +- CSS/themes/lidarr/plex.css | 28 +- CSS/themes/lidarr/space-gray.css | 28 +- CSS/themes/logarr/aquamarine.css | 22 +- CSS/themes/logarr/dark.css | 22 +- CSS/themes/logarr/hotline.css | 22 +- CSS/themes/logarr/logarr-base.css | 582 +++- CSS/themes/logarr/organizr-dark.css | 22 +- CSS/themes/logarr/plex.css | 22 +- CSS/themes/logarr/space-gray.css | 22 +- CSS/themes/monitorr/aquamarine.css | 22 +- CSS/themes/monitorr/dark.css | 22 +- CSS/themes/monitorr/hotline.css | 22 +- CSS/themes/monitorr/monitorr-base.css | 434 ++- CSS/themes/monitorr/organizr-dark.css | 22 +- CSS/themes/monitorr/organizr-dashboard.css | 211 +- CSS/themes/monitorr/plex.css | 22 +- CSS/themes/monitorr/space-gray.css | 22 +- CSS/themes/moviematch/aquamarine.css | 17 +- CSS/themes/moviematch/dark.css | 17 +- CSS/themes/moviematch/dracula.css | 17 +- CSS/themes/moviematch/hotline.css | 17 +- CSS/themes/moviematch/moviematch-base.css | 148 +- CSS/themes/moviematch/organizr-dark.css | 17 +- CSS/themes/moviematch/plex.css | 17 +- CSS/themes/moviematch/space-gray.css | 17 +- CSS/themes/netdata/aquamarine.css | 17 +- CSS/themes/netdata/dark.css | 17 +- CSS/themes/netdata/dracula.css | 17 +- CSS/themes/netdata/hotline.css | 17 +- CSS/themes/netdata/netdata-base.css | 485 +++- CSS/themes/netdata/organizr-dark.css | 17 +- CSS/themes/netdata/organizr-dashboard.css | 21 +- CSS/themes/netdata/plex.css | 17 +- CSS/themes/netdata/space-gray.css | 17 +- CSS/themes/nzbget/aquamarine.css | 22 +- CSS/themes/nzbget/dark.css | 22 +- CSS/themes/nzbget/hotline.css | 22 +- CSS/themes/nzbget/nzbget-base.css | 548 +++- CSS/themes/nzbget/organizr-dark.css | 22 +- CSS/themes/nzbget/plex.css | 22 +- CSS/themes/nzbget/space-gray.css | 22 +- CSS/themes/nzbhydra2/aquamarine.css | 23 +- CSS/themes/nzbhydra2/dark.css | 23 +- CSS/themes/nzbhydra2/hotline.css | 23 +- CSS/themes/nzbhydra2/nzbhydra-base.css | 390 ++- CSS/themes/nzbhydra2/organizr-dark.css | 23 +- CSS/themes/nzbhydra2/plex.css | 23 +- CSS/themes/nzbhydra2/space-gray.css | 23 +- CSS/themes/ombi/aquamarine.css | 17 +- CSS/themes/ombi/dark.css | 17 +- CSS/themes/ombi/dracula.css | 17 +- CSS/themes/ombi/hotline.css | 17 +- CSS/themes/ombi/ombi-base.css | 678 ++++- CSS/themes/ombi/ombiv3-base.css | 815 +++++- CSS/themes/ombi/organizr-dark.css | 17 +- CSS/themes/ombi/plex.css | 17 +- CSS/themes/ombi/space-gray.css | 17 +- CSS/themes/organizr/aquamarine.css | 27 +- CSS/themes/organizr/dark.css | 28 +- CSS/themes/organizr/dracula.css | 27 +- CSS/themes/organizr/hotline.css | 27 +- CSS/themes/organizr/organizr-base-old.css | 1367 ++++++++- CSS/themes/organizr/organizr-base.css | 2335 +++++++++++++++- CSS/themes/organizr/plex.css | 27 +- CSS/themes/organizr/space-gray.css | 27 +- CSS/themes/petio/aquamarine.css | 22 +- CSS/themes/petio/dark.css | 22 +- CSS/themes/petio/dracula.css | 22 +- CSS/themes/petio/hotline.css | 22 +- CSS/themes/petio/organizr-dark.css | 22 +- CSS/themes/petio/petio-base.css | 503 +++- CSS/themes/petio/plex.css | 21 +- CSS/themes/petio/space-gray.css | 22 +- CSS/themes/pihole/aquamarine.css | 25 +- CSS/themes/pihole/dark.css | 25 +- CSS/themes/pihole/hotline.css | 25 +- CSS/themes/pihole/organizr-dark.css | 24 +- CSS/themes/pihole/pihole-base.css | 548 +++- CSS/themes/pihole/plex.css | 25 +- CSS/themes/pihole/space-gray.css | 25 +- CSS/themes/plex/aquamarine.css | 21 +- CSS/themes/plex/dark.css | 21 +- CSS/themes/plex/dracula.css | 21 +- CSS/themes/plex/hotline.css | 21 +- CSS/themes/plex/organizr-dark.css | 21 +- CSS/themes/plex/plex-base.css | 646 ++++- CSS/themes/plex/space-gray.css | 21 +- CSS/themes/plpp/aquamarine.css | 22 +- CSS/themes/plpp/dark.css | 22 +- CSS/themes/plpp/hotline.css | 22 +- CSS/themes/plpp/organizr-dark.css | 22 +- CSS/themes/plpp/plex.css | 22 +- CSS/themes/plpp/plpp-base.css | 285 +- CSS/themes/plpp/space-gray.css | 22 +- CSS/themes/portainer/aquamarine.css | 17 +- CSS/themes/portainer/dark.css | 17 +- CSS/themes/portainer/dracula.css | 17 +- CSS/themes/portainer/hotline.css | 17 +- CSS/themes/portainer/organizr-dark.css | 17 +- CSS/themes/portainer/plex.css | 17 +- CSS/themes/portainer/portainer-base.css | 713 ++++- CSS/themes/portainer/space-gray.css | 17 +- CSS/themes/prowlarr/aquamarine.css | 22 +- CSS/themes/prowlarr/dark.css | 23 +- CSS/themes/prowlarr/dracula.css | 23 +- CSS/themes/prowlarr/hotline.css | 22 +- CSS/themes/prowlarr/organizr-dark.css | 22 +- CSS/themes/prowlarr/plex.css | 22 +- CSS/themes/prowlarr/prowlarr-base.css | 1102 +++++++- CSS/themes/prowlarr/space-gray.css | 22 +- CSS/themes/qbittorrent/aquamarine.css | 22 +- CSS/themes/qbittorrent/dark.css | 22 +- CSS/themes/qbittorrent/dracula.css | 22 +- CSS/themes/qbittorrent/hotline.css | 22 +- CSS/themes/qbittorrent/organizr-dark.css | 22 +- CSS/themes/qbittorrent/plex.css | 22 +- CSS/themes/qbittorrent/qbittorrent-base.css | 1806 +++++++++++- CSS/themes/qbittorrent/space-gray.css | 22 +- CSS/themes/radarr/aquamarine.css | 28 +- CSS/themes/radarr/dark.css | 28 +- CSS/themes/radarr/dracula.css | 27 +- CSS/themes/radarr/hotline.css | 28 +- CSS/themes/radarr/organizr-dark.css | 28 +- CSS/themes/radarr/plex.css | 28 +- CSS/themes/radarr/radarr-base.css | 1093 +++++++- CSS/themes/radarr/radarrv2.css | 641 ++++- CSS/themes/radarr/space-gray.css | 28 +- CSS/themes/readarr/aquamarine.css | 28 +- CSS/themes/readarr/dark.css | 28 +- CSS/themes/readarr/dracula.css | 28 +- CSS/themes/readarr/hotline.css | 28 +- CSS/themes/readarr/organizr-dark.css | 28 +- CSS/themes/readarr/plex.css | 28 +- CSS/themes/readarr/readarr-base.css | 1196 +++++++- CSS/themes/readarr/space-gray.css | 28 +- CSS/themes/requestrr/aquamarine.css | 25 +- CSS/themes/requestrr/dark.css | 25 +- CSS/themes/requestrr/hotline.css | 25 +- CSS/themes/requestrr/organizr-dark.css | 25 +- CSS/themes/requestrr/plex.css | 25 +- CSS/themes/requestrr/requestrr-base.css | 402 ++- CSS/themes/requestrr/space-gray.css | 25 +- CSS/themes/resilio-sync/aquamarine.css | 28 +- CSS/themes/resilio-sync/dark.css | 28 +- CSS/themes/resilio-sync/hotline.css | 28 +- CSS/themes/resilio-sync/organizr-dark.css | 28 +- CSS/themes/resilio-sync/plex.css | 28 +- CSS/themes/resilio-sync/resilio-base.css | 767 +++++- CSS/themes/resilio-sync/space-gray.css | 28 +- CSS/themes/rutorrent/aquamarine.css | 22 +- CSS/themes/rutorrent/dark.css | 22 +- CSS/themes/rutorrent/dracula.css | 22 +- CSS/themes/rutorrent/hotline.css | 22 +- CSS/themes/rutorrent/organizr-dark.css | 22 +- CSS/themes/rutorrent/plex.css | 22 +- CSS/themes/rutorrent/rutorrent-base.css | 1786 +++++++++++- CSS/themes/rutorrent/space-gray.css | 22 +- CSS/themes/sabnzbd/aquamarine.css | 17 +- CSS/themes/sabnzbd/dark.css | 17 +- CSS/themes/sabnzbd/dracula.css | 17 +- CSS/themes/sabnzbd/hotline.css | 17 +- CSS/themes/sabnzbd/organizr-dark.css | 17 +- CSS/themes/sabnzbd/plex.css | 17 +- CSS/themes/sabnzbd/sabnzbd-base.css | 1098 +++++++- CSS/themes/sabnzbd/space-gray.css | 17 +- CSS/themes/sonarr/aquamarine.css | 28 +- CSS/themes/sonarr/dark.css | 29 +- CSS/themes/sonarr/dracula.css | 28 +- CSS/themes/sonarr/hotline.css | 28 +- CSS/themes/sonarr/mind.css | 36 +- CSS/themes/sonarr/noname.css | 43 +- CSS/themes/sonarr/organizr-dark.css | 28 +- CSS/themes/sonarr/plex.css | 28 +- CSS/themes/sonarr/power.css | 35 +- CSS/themes/sonarr/reality.css | 37 +- CSS/themes/sonarr/sonarr-base.css | 1074 +++++++- CSS/themes/sonarr/sonarrv2.css | 774 +++++- CSS/themes/sonarr/soul.css | 36 +- CSS/themes/sonarr/space-gray.css | 28 +- CSS/themes/sonarr/space.css | 36 +- CSS/themes/sonarr/time.css | 36 +- CSS/themes/synclounge/aquamarine.css | 23 +- CSS/themes/synclounge/dark.css | 23 +- CSS/themes/synclounge/hotline.css | 23 +- CSS/themes/synclounge/organizr-dark.css | 23 +- CSS/themes/synclounge/plex.css | 23 +- CSS/themes/synclounge/space-gray.css | 23 +- CSS/themes/synclounge/synclounge-base.css | 174 +- CSS/themes/tautulli/aquamarine.css | 17 +- CSS/themes/tautulli/dark.css | 17 +- CSS/themes/tautulli/dracula.css | 17 +- CSS/themes/tautulli/hotline.css | 17 +- CSS/themes/tautulli/organizr-dark.css | 17 +- CSS/themes/tautulli/plex.css | 17 +- CSS/themes/tautulli/space-gray.css | 17 +- CSS/themes/tautulli/tautulli-base.css | 859 +++++- CSS/themes/thelounge/aquamarine.css | 31 +- CSS/themes/thelounge/dark.css | 31 +- CSS/themes/thelounge/hotline.css | 31 +- CSS/themes/thelounge/organizr-dark.css | 31 +- CSS/themes/thelounge/plex.css | 31 +- CSS/themes/thelounge/space-gray.css | 31 +- CSS/themes/thelounge/thelounge-base.css | 180 +- CSS/themes/transmission/aquamarine.css | 17 +- CSS/themes/transmission/dark.css | 17 +- CSS/themes/transmission/dracula.css | 17 +- CSS/themes/transmission/hotline.css | 17 +- CSS/themes/transmission/organizr-dark.css | 17 +- CSS/themes/transmission/plex.css | 17 +- CSS/themes/transmission/space-gray.css | 17 +- CSS/themes/transmission/transmission-base.css | 983 ++++++- CSS/themes/unraid/aquamarine.css | 17 +- CSS/themes/unraid/dark.css | 17 +- CSS/themes/unraid/dracula.css | 17 +- CSS/themes/unraid/hotline.css | 17 +- CSS/themes/unraid/organizr-dark.css | 17 +- CSS/themes/unraid/plex.css | 17 +- CSS/themes/unraid/space-gray.css | 17 +- CSS/themes/unraid/unraid-base.css | 593 +++- CSS/themes/vuetorrent/aquamarine.css | 16 +- CSS/themes/vuetorrent/dark.css | 16 +- CSS/themes/vuetorrent/dracula.css | 16 +- CSS/themes/vuetorrent/hotline.css | 16 +- CSS/themes/vuetorrent/organizr-dark.css | 16 +- CSS/themes/vuetorrent/plex.css | 16 +- CSS/themes/vuetorrent/space-gray.css | 16 +- CSS/themes/vuetorrent/vuetorrent-base.css | 493 +++- CSS/themes/webtools/aquamarine.css | 28 +- CSS/themes/webtools/dark.css | 28 +- CSS/themes/webtools/hotline.css | 28 +- CSS/themes/webtools/organizr-dark.css | 28 +- CSS/themes/webtools/plex.css | 28 +- CSS/themes/webtools/space-gray.css | 28 +- CSS/themes/webtools/webtools-base.css | 393 ++- CSS/themes/xbackbone/aquamarine.css | 16 +- CSS/themes/xbackbone/dark.css | 16 +- CSS/themes/xbackbone/dracula.css | 16 +- CSS/themes/xbackbone/hotline.css | 16 +- CSS/themes/xbackbone/organizr-dark.css | 16 +- CSS/themes/xbackbone/plex.css | 16 +- CSS/themes/xbackbone/space-gray.css | 16 +- CSS/themes/xbackbone/xbackbone-base.css | 362 ++- CSS/variables/aquamarine.css | 25 +- CSS/variables/dark.css | 25 +- CSS/variables/dracula.css | 25 +- CSS/variables/hotline.css | 25 +- CSS/variables/organizr-dark.css | 25 +- CSS/variables/plex.css | 28 +- CSS/variables/space-gray.css | 25 +- Resources/landing-page/css/custom.min.css | 1 - .../css/jquery-bg-slideshow.min.css | 1 - Resources/landing-page/css/styles.min.css | 10 - .../js/jquery-bg-slideshow.min.js | 1 - Resources/landing-page/js/scripts.min.js | 5 - 448 files changed, 54051 insertions(+), 466 deletions(-) delete mode 100644 Resources/landing-page/css/custom.min.css delete mode 100644 Resources/landing-page/css/jquery-bg-slideshow.min.css delete mode 100644 Resources/landing-page/css/styles.min.css delete mode 100644 Resources/landing-page/js/jquery-bg-slideshow.min.js delete mode 100644 Resources/landing-page/js/scripts.min.js diff --git a/CSS/addons/bazarr/bazarr-4k-logo.css b/CSS/addons/bazarr/bazarr-4k-logo.css index 5dbbeff0..1786cc99 100644 --- a/CSS/addons/bazarr/bazarr-4k-logo.css +++ b/CSS/addons/bazarr/bazarr-4k-logo.css @@ -1 +1,35 @@ -@media (min-width:752px){.header-icon.px-3.m-0.d-none.d-md-block img{display:none!important}.header-icon.px-3.m-0.d-none.d-md-block:before{background-image:url(https://theme-park.dev/CSS/addons/bazarr/bazarr4k.png);display:inline-block;width:32px;height:32px;content:"";background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover}}@media (max-width:767px){.sidebar-title.d-flex.align-items-center.d-md-none.container img{display:none!important}.sidebar-title.d-flex.align-items-center.d-md-none.container:before{background-image:url(https://theme-park.dev/CSS/addons/bazarr/bazarr4k.png);display:inline-block;width:32px;height:32px;content:"";background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover}} \ No newline at end of file +/* Desktop */ +@media (min-width: 752px) { + .header-icon.px-3.m-0.d-none.d-md-block img { + display: none !important; + } + .header-icon.px-3.m-0.d-none.d-md-block:before { + background-image: url("https://theme-park.dev/CSS/addons/bazarr/bazarr4k.png"); + display: inline-block; + width: 32px; + height: 32px; + content:""; + background-size: cover; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + } +} + +/* Mobile */ +@media (max-width: 767px) { + .sidebar-title.d-flex.align-items-center.d-md-none.container img { + display: none !important; + } + .sidebar-title.d-flex.align-items-center.d-md-none.container:before { + background-image: url("https://theme-park.dev/CSS/addons/bazarr/bazarr4k.png"); + display: inline-block; + width: 32px; + height: 32px; + content:""; + background-size: cover; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + } +} \ No newline at end of file diff --git a/CSS/addons/organizr/glass/glass-base.css b/CSS/addons/organizr/glass/glass-base.css index dcef33a0..1a42d43c 100644 --- a/CSS/addons/organizr/glass/glass-base.css +++ b/CSS/addons/organizr/glass/glass-base.css @@ -1 +1,861 @@ -.feeds li>div i{color:#000!important}.row-in i{font-size:24px;color:#000}.profile-social-icons a{color:#eee}.btn-info.btn-outline{color:#eee!important}.btn-info.btn-outline:hover{background:var(--div-background-color-15);color:#fff}.content-wrap{background:var(--div-background-color-15)!important;border-radius:0 0 15px 15px}.content-wrap section.content-current{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,0);border-radius:0 0 15px 15px}.panel-blue .panel-heading,.panel-info .panel-heading{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:0 0}.panel .table{background:0 0!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sttabs nav ul{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px 15px 0 0}.sttabs nav{background:var(--div-background-color-25);border-radius:15px 15px 0 0}#settings-main-system-settings-anchor>.sttabs nav ul li{border-radius:15px}.tab-content>.active{background:0 0}.bg-title{background:var(--div-background-color-10);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.white-box{background:0 0}.white-popup-block{background:var(--div-background-color-10)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-bg{border-top-left-radius:15px;border-top-right-radius:15px}#internal-Settings .nav-tabs>li.active>a,.nav-tabs>li.active>a:hover{padding-top:10px}@media (min-width:768px){.navbar-static-top{background:var(--main-bg)!important}}.dropdown-menu{background:var(--div-background-color-25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.open>.dropdown-menu{display:block;border-radius:15px}.navbar-top-links .dropdown-user{border-radius:15px}#plexRecent .recent-filter{background:var(--div-background-color-25)!important;border-radius:15px}.sidebar{background:var(--div-background-color-15)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:none}.sidebar-head{background:0 0!important}.fc-toolbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--div-background-color-15)!important}.fc-view{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--div-background-color-15)!important;border-bottom-right-radius:15px;border-bottom-left-radius:15px}.fc-popover{background:var(--div-background-color-25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#homepageOrdercalendar .fc-toolbar{border-top-left-radius:15px;border-top-right-radius:15px}.fc-row,.fc-unthemed{border-bottom-right-radius:15px;border-bottom-left-radius:15px}.fc th.fc-widget-header{padding-left:5px}.error-body{padding-top:15%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:-webkit-fill-available;margin-top:-10%}.iziToast.success-notify.iziToast-layout2,.iziToast.update-notify.iziToast-layout2{border:none;background:var(--div-background-color-25)!important;border-bottom:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.iziToast.warning-notify.iziToast-layout2{background:var(--div-background-color-25);border:1px solid transparent;border-bottom:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.iziToast:after{background:0 0!important}.mfp-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mfp-zoom-out.mfp-ready.mfp-bg{opacity:1!important;background:var(--main-bg-color)!important}.mfp-wrap{background:var(--main-bg-color)}.main-email-panel .panel-body{background:var(--div-background-color-25)!important;border-bottom-right-radius:15px!important;border-bottom-left-radius:15px!important}.white-popup-block{background:var(--div-background-color-25)!important}.white-popup .panel-footer{background:var(--div-background-color-25);border-top:1px solid #fff;border-bottom-right-radius:15px;border-bottom-left-radius:15px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:15px;border-bottom-left-radius:15px}#homepageOrderdownloader{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--div-background-color-15);padding:10px;border-radius:15px}#homepageOrderdownloader .nav-tabs>li.active>a,.nav-tabs>li.active>a:hover{padding-top:14px}#homepageOrderdownloader .nav-tabs>li>a{padding-top:14px}.nowPlayingItem>.white-box>.el-card-item{background:var(--div-background-color-15)!important;-webkit-box-shadow:none;box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px}.active-tab-Homepage .white-popup .panel-body,.white-popup>.col-md-6>.white-box:nth-child(2){background:var(--div-background-color-25)!important;border-bottom-right-radius:15px;border-bottom-left-radius:15px}#plexStreams .el-element-overlay .el-card-item .el-overlay-1 img,#plexStreams .el-element-overlay:hover .el-card-item:hover .el-overlay-1:hover img:hover{border-top-right-radius:15px;border-top-left-radius:15px}.el-element-overlay .el-card-item .el-overlay-1{border-top-right-radius:15px;border-top-left-radius:15px}.el-element-overlay .el-card-item .el-overlay{border-top-right-radius:15px;border-top-left-radius:15px}.white-popup .panel-heading,.white-popup>.col-md-6>.white-box:first-child{background:var(--div-background-color-25)!important;border-top-right-radius:15px;border-top-left-radius:15px}.label-info{background:var(--div-background-color-25)}#homepageOrdercalendar,#homepageOrderdeluge,#homepageOrderembyrecent,#homepageOrderjdownloader,#homepageOrdernzbget,#homepageOrderplexplaylist,#homepageOrderqBittorrent,#homepageOrderrTorrent,#homepageOrdersabnzbd,#homepageOrdertransmission,#ombi-requests,#plexRecent{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--div-background-color-15);margin:5px;border-radius:15px}.bg-info{background-color:transparent!important}.card-body{background:var(--div-background-color-25)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bg-inverse .healthPosition{background:var(--div-background-color-25)!important;-webkit-backdrop-filter:saturate(180%) blur(30px);backdrop-filter:saturate(180%) blur(30px)}.unifiCards .panel-wrapper.collapse.in{background:var(--div-background-color-15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom-right-radius:15px;border-bottom-left-radius:15px}.unifiCards .panel-heading{background:var(--div-background-color-35)!important;color:#fff!important;border-color:transparent!important;text-align:inherit!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top-left-radius:15px;border-top-right-radius:15px;border-bottom:0}.unifiCards .panel-success .panel-heading,.unifiCards .panel-warning .panel-heading{border-top-left-radius:15px;border-top-right-radius:15px;border-bottom-right-radius:0;border-bottom-left-radius:0}#allUnifi .unifiCards .panel .panel-warning{border-radius:15px!important}.unifiCards .ti-close:before{content:"\f111";font-family:FontAwesome;font-size:20px;color:#ff453a}.unifiCards .ti-minus:before{content:"\f111";font-family:FontAwesome;font-size:20px;color:#fc0}.unifiCards .ti-plus:before{content:"\f111";font-family:FontAwesome;font-size:20px;color:#28cd41}#homepageOrderWeatherAndAir .col-lg-2 .white-box,#homepageOrderWeatherAndAir>div:nth-child(1)>div.col-lg-4.col-sm-12.col-xs-12>div,#homepageOrderWeatherAndAir>div:nth-child(2)>div.col-lg-4.col-sm-12.col-xs-12>div{background:var(--div-background-color-25)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#homepageOrdercustomhtml,#homepageOrdercustomhtmlTwo{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--div-background-color-15);border-radius:15px;padding-left:10px;padding-right:10px;margin-bottom:5px}#invite-area .bg-org{background:var(--div-background-color-15)!important;border-radius:15px}#new-invite-area .white-popup .panel-body,#new-invite-area .white-popup>.col-md-6>.white-box:nth-child(2){background:var(--div-background-color-15)!important;border-bottom-right-radius:15px;border-bottom-left-radius:15px}.white-popup .panel-body,.white-popup>.col-md-6>.white-box:nth-child(2){background:var(--div-background-color-15)!important;border-bottom-right-radius:15px;border-bottom-left-radius:15px;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.email-div .panel-body{border-radius:0!important}#speedtest-area .white-popup .panel-footer{background:var(--div-background-color-25)!important;border-bottom-right-radius:15px;border-bottom-left-radius:15px}#speedtest-area .white-popup .panel-body,#speedtest-area .white-popup>.col-md-6>.white-box:nth-child(2){border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.modal-body,.modal-content,.modal-footer,.modal-header{background:var(--div-background-color-10)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:transparent}.modal-body{border-bottom-left-radius:15px;border-bottom-right-radius:15px}.modal-header{border-top-left-radius:15px;border-top-right-radius:15px}.modal-open .modal{background:var(--main-bg-color)}.modal-content{border-radius:15px;box-shadow:none}@media (max-width:480px){#wrapper .login-register>.login-box>.white-box{background:0 0!important;margin-top:auto!important;width:100%!important;-webkit-backdrop-filter:blur(0)!important;backdrop-filter:blur(0)!important}}@media (max-width:480px){.login-box.login-sidebar{background:var(--div-background-color-15)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.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,.9)!important;border:none!important}.login-register>.login-box>.white-box{background:var(--div-background-color-25)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;-webkit-box-shadow:none;box-shadow:none}.login-register{height:100%;position:fixed}.slideInRight{-webkit-animation-name:none;animation-name:none}.login-register .login-box .white-box .bg-org{background-color:transparent!important}.btn-warning.disabled,.panel-wrapper .panel-body>.btn-warning{background:var(--div-background-color-15)!important;border:1px solid #ffc36d00!important}.panel-warning .panel-heading,.panel-yellow .panel-heading{color:#fff;border-radius:3px;background-color:rgba(0,0,0,.3);border-color:#00000000}.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-panels .panel,#login-panels .panel-body,.login-box.login-sidebar{background:0 0}#login-panels .btn,#login-panels .form-control{background:rgba(255,255,255,.35);color:#fff;border-radius:25px;border:none}#login-panles .btn-info.disabled.focus .btn-info.disabled:focus .btn-info.disabled:hover .btn-info.focus .btn-info:focus .btn-info:hover .btn:hover{background:rgba(255,255,255,.65);border:none}.login-sidebar{position:relative;right:initial}#lockScreen .white-box{width:400px;height:345px}.login-sidebar .white-box{width:100%;position:absolute;top:50%;transform:translateY(-50%)}#lockScreen .white-box{position:absolute;top:50%;transform:translateY(-50%);background:var(--div-background-color-25);-webkit-box-shadow:none;box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px}.form-control::placeholder{color:#fff}#login-password-Input,#login-username-Input{text-align:center}.fa-lock:before,.panel .panel-heading .panel-title,label,span{color:#fff}#lockScreen .form-material .form-control,.form-material .form-control:focus{background:rgba(255,255,255,.35);border-radius:25px;padding:inherit;text-align:center}#lockScreen .btn-info{background:rgba(255,255,255,.35);border-radius:25px}.cbutton{background-color:var(--div-background-color-25)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px!important;border:none!important;padding:4px!important}.cbutton:hover{background:var(--div-background-color-25)!important;-webkit-backdrop-filter:saturate(180%) blur(30px)!important;backdrop-filter:saturate(180%) blur(30px)!important;opacity:1!important}.mdi-package-variant-closed:before{content:"\F3D7";color:#000}.mdi-receipt:before{content:"\F449";color:#000}.debugModal .modal-body{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.debugModal .modal-footer{background:var(--div-background-color-10)!important;border-bottom-left-radius:15px!important;border-bottom-right-radius:15px!important}#debugPreInfo .slimScrollDiv,#debugResults .slimScrollDiv{background:var(--div-background-color-15)}.swal-overlay--show-modal .swal-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--div-background-color-25);border-radius:15px}.swal-title{color:#fff}.swal-overlay--show-modal{background:var(--main-bg-color)}@media (max-width:480px){*{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}#page-wrapper{background:var(--mobile-bg-color)!important;background-size:cover;background-repeat:no-repeat;width:100%;height:100%}#side-menu{background:var(--mobile-bg-color)!important}.navbar-header{background:var(--div-background-color-25)!important}.navbar-default,.show-sidebar .sidebar .sidebar-head{background:var(--mobile-bg-color)!important}.dropdown-menu{background:var(--mobile-bg-color)!important}#internal-Settings{background:var(--mobile-bg-color)!important}.mfp-zoom-out.mfp-ready.mfp-bg{opacity:1!important;background:var(--mobile-bg-color)!important}.mfp-wrap{background:var(--mobile-bg-color)!important}.modal-open .modal{background:var(--mobile-bg-color)!important}#page-wrapper{background:var(--mobile-bg-color)!important}#internal-Settings,#preloader,.active-tab-Settings,.error-page,.preloader{background:var(--mobile-bg-color)!important}html{background:var(--mobile-bg-color)!important}} \ No newline at end of file +/* Set the Organizr theme to either Aquamarine or Hotline */ +/* Import the glass-base.css and root variables in the Custom Theme CSS box like below */ +/* +@import "https://theme-park.dev/CSS/themes/organizr/organizr-base-old.css" +@import "https://theme-park.dev/CSS/addons/organizr/glass-base.css"; +:root { + --main-bg-color: url(https://domain.com/your/hosted/wallpaper.jpg) center center/cover no-repeat fixed; + --mobile-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; + + --link-color: #fff; + --custom-buttons-color: radial-gradient(ellipse at center, #3F51B5 0%, #009688 100%) center center/cover no-repeat fixed; + --hompage-item-hover: radial-gradient(ellipse at center, rgba(0, 150, 136, 0.33) 0%, #b53f3f73 100%) center center/cover no-repeat fixed; + --notification-box-line: #000; + + --div-background-color-10: rgba(0, 0, 0, 0.15); + --div-background-color-15: rgba(0, 0, 0, 0.25); + --div-background-color-25: rgba(0, 0, 0, 0.35); + --div-background-color-35: rgba(0, 0, 0, 0.45); +} + +*/ + +/* Replace the variables if you have a dark background */ +/* Light colors for dark backgrounds */ +/* + --div-background-color-10: rgba(255, 255, 255, 0.1); + --div-background-color-15: rgba(255, 255, 255, 0.15); + --div-background-color-25: rgba(255, 255, 255, 0.25); + --div-background-color-35: rgba(255, 255, 255, 0.35); +*/ +/* Dark blur colors for bright backgrounds */ +/* + --div-background-color-10: rgba(0, 0, 0, 0.15); + --div-background-color-15: rgba(0, 0, 0, 0.25); + --div-background-color-25: rgba(0, 0, 0, 0.35); + --div-background-color-35: rgba(0, 0, 0, 0.45); + +*/ + +/*Settings */ + +.feeds li>div i { + color: black !important; +} + +.row-in i { + font-size: 24px; + color: black; +} + +.profile-social-icons a { + color: #eee; +} + +.btn-info.btn-outline { + color: #eee !important; +} + +.btn-info.btn-outline:hover { + background: var(--div-background-color-15); + color: #fff; +} + +.content-wrap { + background: var(--div-background-color-15) !important; + border-radius: 0 0 15px 15px; +} + +.content-wrap section.content-current { + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + background: rgba(0, 0, 0, 0); + border-radius: 0 0 15px 15px; +} + +.panel-blue .panel-heading, +.panel-info .panel-heading { + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + background: transparent; + +} + +.panel .table { + background: transparent !important; + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + +} + +.sttabs nav ul { + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + border-radius: 15px 15px 0 0; + +} + +.sttabs nav { + background: var(--div-background-color-25); + border-radius: 15px 15px 0 0; +} + +#settings-main-system-settings-anchor>.sttabs nav ul li { + border-radius: 15px; +} + +.tab-content>.active { + background: transparent; +} + +.bg-title { + background: var(--div-background-color-10); + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + +} + +.white-box { + background: transparent; +} + +.white-popup-block { + background: var(--div-background-color-10) !important; + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); +} + +.user-bg { + border-top-left-radius: 15px; + border-top-right-radius: 15px; +} + +#internal-Settings .nav-tabs>li.active>a, +.nav-tabs>li.active>a:hover { + padding-top: 10px; +} + +/* Nav bar +.navbar-header { + background: transparent !important; +} +*/ +@media (min-width: 768px) { + .navbar-static-top { + background: var(--main-bg) !important; + } +} + +/* Dropdown */ +.dropdown-menu { + background: var(--div-background-color-25); + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + +} + +.open>.dropdown-menu { + display: block; + border-radius: 15px; +} + +.navbar-top-links .dropdown-user { + border-radius: 15px; +} + +#plexRecent .recent-filter { + background: var(--div-background-color-25) !important; + border-radius: 15px; +} + +/* Side bar */ +.sidebar { + background: var(--div-background-color-15) !important; + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + box-shadow: none; + +} + +.sidebar-head { + background: transparent !important; +} + +/*Calendar */ +.fc-toolbar { + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + background: var(--div-background-color-15) !important; + +} + +.fc-view { + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + background: var(--div-background-color-15) !important; + border-bottom-right-radius: 15px; + border-bottom-left-radius: 15px; +} + +.fc-popover { + background: var(--div-background-color-25); + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + +} + +#homepageOrdercalendar .fc-toolbar { + border-top-left-radius: 15px; + border-top-right-radius: 15px; + +} + +.fc-row, +.fc-unthemed { + border-bottom-right-radius: 15px; + border-bottom-left-radius: 15px; +} + +/* Calendar mobile*/ +.fc th.fc-widget-header { + padding-left: 5px; +} + +/*Error page */ +.error-body { + padding-top: 15%; + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + height: -webkit-fill-available; + margin-top: -10%; + +} + + +/* notify - popup */ +.iziToast.update-notify.iziToast-layout2, +.iziToast.success-notify.iziToast-layout2 { + border: none; + background: var(--div-background-color-25) !important; + border-bottom: transparent; + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + +} + +.iziToast.warning-notify.iziToast-layout2 { + background: var(--div-background-color-25); + border: 1px solid transparent; + border-bottom: transparent; + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + +} + +.iziToast:after { + background: transparent !important; +} + +.mfp-container { + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + +} + +.mfp-zoom-out.mfp-ready.mfp-bg { + opacity: 1 !important; + background: var(--main-bg-color) !important; +} + +.mfp-wrap { + background: var(--main-bg-color); +} + +.main-email-panel .panel-body { + background: var(--div-background-color-25) !important; + border-bottom-right-radius: 15px !important; + border-bottom-left-radius: 15px !important; +} + +.white-popup-block { + background: var(--div-background-color-25) !important; +} + +.white-popup .panel-footer { + background: var(--div-background-color-25); + border-top: 1px solid #fff; + border-bottom-right-radius: 15px; + border-bottom-left-radius: 15px; +} + +.panel>.table-responsive:last-child>.table:last-child, +.panel>.table:last-child { + border-bottom-right-radius: 15px; + border-bottom-left-radius: 15px; +} + +/* Homepage downloader */ + +#homepageOrderdownloader { + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + background: var(--div-background-color-15); + padding: 10px; + border-radius: 15px; + +} + +#homepageOrderdownloader .nav-tabs>li.active>a, +.nav-tabs>li.active>a:hover { + padding-top: 14px; +} + +#homepageOrderdownloader .nav-tabs>li>a { + padding-top: 14px; +} + +/* Homepage card */ +.nowPlayingItem>.white-box>.el-card-item { + background: var(--div-background-color-15) !important; + -webkit-box-shadow: none; + box-shadow: none; + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + border-radius: 15px; + +} + +.active-tab-Homepage .white-popup .panel-body, +.white-popup>.col-md-6>.white-box:nth-child(2) { + background: var(--div-background-color-25) !important; + border-bottom-right-radius: 15px; + border-bottom-left-radius: 15px; +} + +#plexStreams .el-element-overlay .el-card-item .el-overlay-1 img, +#plexStreams .el-element-overlay:hover .el-card-item:hover .el-overlay-1:hover img:hover { + border-top-right-radius: 15px; + border-top-left-radius: 15px; +} + +.el-element-overlay .el-card-item .el-overlay-1 { + border-top-right-radius: 15px; + border-top-left-radius: 15px; +} + +.el-element-overlay .el-card-item .el-overlay { + border-top-right-radius: 15px; + border-top-left-radius: 15px; +} + +.white-popup .panel-heading, +.white-popup>.col-md-6>.white-box:first-child { + background: var(--div-background-color-25) !important; + border-top-right-radius: 15px; + border-top-left-radius: 15px; +} + + +.label-info { + background: var(--div-background-color-25); +} + +#plexRecent, +#homepageOrderplexplaylist, +#homepageOrdercalendar, +#homepageOrderembyrecent, +#ombi-requests, +#homepageOrderdeluge, +#homepageOrdernzbget, +#homepageOrdertransmission, +#homepageOrderrTorrent, +#homepageOrderjdownloader, +#homepageOrdersabnzbd, +#homepageOrderqBittorrent { + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + background: var(--div-background-color-15); + margin: 5px; + border-radius: 15px; + +} + +.bg-info { + background-color: transparent !important; +} + +/* Health checks */ +.card-body { + background: var(--div-background-color-25) !important; + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + +} + +.bg-inverse .healthPosition { + background: var(--div-background-color-25) !important; + -webkit-backdrop-filter: saturate(180%) blur(30px); + backdrop-filter: saturate(180%) blur(30px); + +} + +/* Unifi cards */ +.unifiCards .panel-wrapper.collapse.in { + background: var(--div-background-color-15); + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + border-bottom-right-radius: 15px; + border-bottom-left-radius: 15px; + +} + +.unifiCards .panel-heading { + background: var(--div-background-color-35) !important; + color: #fff !important; + border-color: transparent !important; + text-align: inherit !important; + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + border-top-left-radius: 15px; + border-top-right-radius: 15px; + border-bottom: 0px; +} + +.unifiCards .panel-warning .panel-heading, +.unifiCards .panel-success .panel-heading { + border-top-left-radius: 15px; + border-top-right-radius: 15px; + border-bottom-right-radius: 0px; + border-bottom-left-radius: 0px; +} + +#allUnifi .unifiCards .panel .panel-warning { + border-radius: 15px !important; + +} + +.unifiCards .ti-close:before { + content: "\f111"; + font-family: FontAwesome; + font-size: 20px; + color: rgba(255, 69, 58, 1); +} + +.unifiCards .ti-minus:before { + content: "\f111"; + font-family: FontAwesome; + font-size: 20px; + color: rgba(255, 204, 0, 1); +} + +.unifiCards .ti-plus:before { + content: "\f111"; + font-family: FontAwesome; + font-size: 20px; + color: rgba(40, 205, 65, 1); +} + +/* Weather boxes */ +#homepageOrderWeatherAndAir .col-lg-2 .white-box, +#homepageOrderWeatherAndAir>div:nth-child(1)>div.col-lg-4.col-sm-12.col-xs-12>div, +#homepageOrderWeatherAndAir>div:nth-child(2)>div.col-lg-4.col-sm-12.col-xs-12>div { + background: var(--div-background-color-25) !important; + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px) +} + +/* Custom HTML */ +#homepageOrdercustomhtmlTwo, +#homepageOrdercustomhtml { + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + background: var(--div-background-color-15); + border-radius: 15px; + padding-left: 10px; + padding-right: 10px; + margin-bottom: 5px; +} + +/* Invite */ +#invite-area .bg-org { + background: var(--div-background-color-15) !important; + border-radius: 15px; +} + +#new-invite-area .white-popup .panel-body, +#new-invite-area .white-popup>.col-md-6>.white-box:nth-child(2) { + background: var(--div-background-color-15) !important; + border-bottom-right-radius: 15px; + border-bottom-left-radius: 15px; +} + +.white-popup .panel-body, +.white-popup>.col-md-6>.white-box:nth-child(2) { + background: var(--div-background-color-15) !important; + border-bottom-right-radius: 15px; + border-bottom-left-radius: 15px; + -webkit-backdrop-filter: blur(10px) !important; + backdrop-filter: blur(10px) !important; +} + +/* Email users */ +.email-div .panel-body { + border-radius: 0px !important; +} + +/* Speedtest popup */ + +#speedtest-area .white-popup .panel-footer { + background: var(--div-background-color-25) !important; + border-bottom-right-radius: 15px; + border-bottom-left-radius: 15px; +} + +#speedtest-area .white-popup .panel-body, +#speedtest-area .white-popup>.col-md-6>.white-box:nth-child(2) { + border-bottom-right-radius: 0px !important; + border-bottom-left-radius: 0px !important; +} + +/* Modal */ +.modal-content, +.modal-header, +.modal-footer, +.modal-body { + background: var(--div-background-color-10) !important; + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + border-color: transparent; +} + +.modal-body { + border-bottom-left-radius: 15px; + border-bottom-right-radius: 15px; +} + +.modal-header { + border-top-left-radius: 15px; + border-top-right-radius: 15px; +} + +.modal-open .modal { + background: var(--main-bg-color); +} + +.modal-content { + border-radius: 15px; + box-shadow: none; +} + +/* loginpage sidemenu */ +@media (max-width: 480px) { + #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; + + + } +} + +@media (max-width: 480px) { + .login-box.login-sidebar { + background: var(--div-background-color-15) !important; + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + + } +} + +/* 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; +} + +.login-register>.login-box>.white-box { + background: var(--div-background-color-25) !important; + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + border-radius: 15px; + -webkit-box-shadow: none; + box-shadow: none; +} + + +.login-register { + + height: 100%; + position: fixed; +} + +.slideInRight { + -webkit-animation-name: none; + animation-name: none; +} + +.login-register .login-box .white-box .bg-org { + background-color: transparent !important; +} + +/*2FA login button*/ +.panel-wrapper .panel-body>.btn-warning, +.btn-warning.disabled { + background: var(--div-background-color-15) !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-box.login-sidebar, +#login-panels .panel-body, +#login-panels .panel { + background: transparent; +} + +#login-panels .form-control, +#login-panels .btn { + background: rgba(255, 255, 255, 0.35); + color: white; + border-radius: 25px; + border: none; +} + +/* #login-panels { + height: 44px; + }*/ +#login-panles .btn-info.disabled.focus .btn-info.disabled:focus .btn-info.disabled:hover .btn-info.focus .btn-info:focus .btn-info:hover .btn:hover { + background: rgba(255, 255, 255, 0.65); + border: none; + +} + +/*Center login Box*/ +.login-sidebar { + position: relative; + right: initial; +} + +#lockScreen .white-box { + width: 400px; + height: 345px; +} + +.login-sidebar .white-box { + width: 100%; + position: absolute; + top: 50%; + transform: translateY(-50%); +} + +#lockScreen .white-box { + position: absolute; + top: 50%; + transform: translateY(-50%); + background: var(--div-background-color-25); + -webkit-box-shadow: none; + box-shadow: none; + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + border-radius: 15px; +} + +.form-control::placeholder { + color: white; +} + +#login-username-Input, +#login-password-Input { + text-align: center; +} + +.panel .panel-heading .panel-title, +label, +span, +.fa-lock:before { + color: #ffffff; +} + +/* Lock screen */ +#lockScreen .form-material .form-control, +.form-material .form-control:focus { + background: rgba(255, 255, 255, 0.35); + border-radius: 25px; + padding: inherit; + text-align: center; +} + +#lockScreen .btn-info { + background: rgba(255, 255, 255, 0.35); + border-radius: 25px; +} + +/* Extra */ +.cbutton { + background-color: var(--div-background-color-25) !important; + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + border-radius: 15px !important; + border: none !important; + padding: 4px !important; + +} + +.cbutton:hover { + background: var(--div-background-color-25) !important; + -webkit-backdrop-filter: saturate(180%) blur(30px) !important; + backdrop-filter: saturate(180%) blur(30px) !important; + opacity: 1 !important; + +} + +/* Debug modal */ +.mdi-package-variant-closed:before { + content: "\F3D7"; + color: black; +} + +.mdi-receipt:before { + content: "\F449"; + color: black; +} + +.debugModal .modal-body { + border-bottom-left-radius: 0px !important; + border-bottom-right-radius: 0px !important; +} + +.debugModal .modal-footer { + background: var(--div-background-color-10) !important; + border-bottom-left-radius: 15px !important; + border-bottom-right-radius: 15px !important; +} + +#debugPreInfo .slimScrollDiv, +#debugResults .slimScrollDiv { + background: var(--div-background-color-15); +} + +/* Swal popup */ +.swal-overlay--show-modal .swal-modal { + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + background: var(--div-background-color-25); + border-radius: 15px; +} + +.swal-title { + color: white; +} + +.swal-overlay--show-modal { + background: var(--main-bg-color); +} + +/* Mobile*/ +@media (max-width: 480px) { + * { + -webkit-backdrop-filter: none !important; + backdrop-filter: none !important; + } + + #page-wrapper { + background: var(--mobile-bg-color) !important; + background-size: cover; + background-repeat: no-repeat; + width: 100%; + height: 100%; + } + + #side-menu { + background: var(--mobile-bg-color) !important; + } + + .navbar-header { + background: var(--div-background-color-25) !important; + } + + .navbar-default, + .show-sidebar .sidebar .sidebar-head { + background: var(--mobile-bg-color) !important; + } + + .dropdown-menu { + background: var(--mobile-bg-color) !important; + } + + #internal-Settings { + background: var(--mobile-bg-color) !important; + } + + .mfp-zoom-out.mfp-ready.mfp-bg { + opacity: 1 !important; + background: var(--mobile-bg-color) !important; + } + + .mfp-wrap { + background: var(--mobile-bg-color) !important; + } + + .modal-open .modal { + background: var(--mobile-bg-color) !important; + } + + #page-wrapper { + background: var(--mobile-bg-color) !important; + } + + #internal-Settings, + #preloader, + .preloader, + .active-tab-Settings, + .error-page { + background: var(--mobile-bg-color) !important; + } + + html { + background: var(--mobile-bg-color) !important; + } +} \ No newline at end of file diff --git a/CSS/addons/organizr/glass/glass-login.css b/CSS/addons/organizr/glass/glass-login.css index bf3395ab..af0faf9e 100644 --- a/CSS/addons/organizr/glass/glass-login.css +++ b/CSS/addons/organizr/glass/glass-login.css @@ -1 +1,192 @@ -:root{--div-background-color-10:rgba(0, 0, 0, 0.15);--div-background-color-15:rgba(0, 0, 0, 0.25);--div-background-color-25:rgba(0, 0, 0, 0.35);--div-background-color-35:rgba(0, 0, 0, 0.45)}@media (max-width:480px){#wrapper .login-register>.login-box>.white-box{background:0 0!important;margin-top:auto!important;width:100%!important;-webkit-backdrop-filter:blur(0)!important;backdrop-filter:blur(0)!important}}@media (max-width:480px){.login-box.login-sidebar{background:var(--div-background-color-15)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.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,.9)!important;border:none!important}.login-register>.login-box>.white-box{background:var(--div-background-color-25)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;-webkit-box-shadow:none;box-shadow:none}.login-register{height:100%;position:fixed}.slideInRight{-webkit-animation-name:none;animation-name:none}.login-register .login-box .white-box .bg-org{background-color:transparent!important}.btn-warning.disabled,.panel-wrapper .panel-body>.btn-warning{background:var(--div-background-color-15)!important;border:1px solid #ffc36d00!important}.panel-warning .panel-heading,.panel-yellow .panel-heading{color:#fff;border-radius:3px;background-color:rgba(0,0,0,.3);border-color:#00000000}.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-panels .panel,#login-panels .panel-body,.login-box.login-sidebar{background:0 0}#login-panels .btn,#login-panels .form-control{background:rgba(255,255,255,.35);color:#fff;border-radius:25px;border:none}#login-panles .btn-info.disabled.focus .btn-info.disabled:focus .btn-info.disabled:hover .btn-info.focus .btn-info:focus .btn-info:hover .btn:hover{background:rgba(255,255,255,.65);border:none}.login-sidebar{position:relative;right:initial}#lockScreen .white-box{width:400px;height:345px}.login-sidebar .white-box{width:100%;position:absolute;top:50%;transform:translateY(-50%)}#lockScreen .white-box{position:absolute;top:50%;transform:translateY(-50%);background:var(--div-background-color-25);-webkit-box-shadow:none;box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px}.form-control::placeholder{color:#fff}#login-password-Input,#login-username-Input{text-align:center}.fa-lock:before,.panel .panel-heading .panel-title,label,span{color:#fff}#lockScreen .form-material .form-control,.form-material .form-control:focus{background:rgba(255,255,255,.35);border-radius:25px;padding:inherit;text-align:center}#lockScreen .btn-info{background:rgba(255,255,255,.35);border-radius:25px;border:1px solid transparent}#lockScreen .btn-info:hover{border:1px solid transparent} \ No newline at end of file +:root { + --div-background-color-10: rgba(0, 0, 0, 0.15); + --div-background-color-15: rgba(0, 0, 0, 0.25); + --div-background-color-25: rgba(0, 0, 0, 0.35); + --div-background-color-35: rgba(0, 0, 0, 0.45); +} + +/* Replace the variables if you have a dark background */ +/* Light colors for dark backgrounds */ +/* + --div-background-color-10: rgba(255, 255, 255, 0.1); + --div-background-color-15: rgba(255, 255, 255, 0.15); + --div-background-color-25: rgba(255, 255, 255, 0.25); + --div-background-color-35: rgba(255, 255, 255, 0.35); +*/ +/* Dark blur colors for bright backgrounds */ +/* + --div-background-color-10: rgba(0, 0, 0, 0.15); + --div-background-color-15: rgba(0, 0, 0, 0.25); + --div-background-color-25: rgba(0, 0, 0, 0.35); + --div-background-color-35: rgba(0, 0, 0, 0.45); + +*/ + +/* loginpage sidemenu */ +@media (max-width: 480px) { + #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; + + + } + } + +@media (max-width: 480px) { + .login-box.login-sidebar { + background: var(--div-background-color-15) !important; + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + +} +} + +/* 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; + } + + .login-register > .login-box > .white-box { + background: var(--div-background-color-25) !important; + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + border-radius: 15px; + -webkit-box-shadow: none; + box-shadow: none; + } + + + .login-register { + + height: 100%; + position: fixed; + } + + .slideInRight { + -webkit-animation-name: none; + animation-name: none; + } + + .login-register .login-box .white-box .bg-org { + background-color: transparent !important; + } + + /*2FA login button*/ + .panel-wrapper .panel-body > .btn-warning, .btn-warning.disabled { + background: var(--div-background-color-15) !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-box.login-sidebar, + #login-panels .panel-body, + #login-panels .panel { + background: transparent; + } + + #login-panels .form-control , #login-panels .btn { + background: rgba(255, 255, 255, 0.35); + color: white; + border-radius: 25px; + border: none; + } + /* #login-panels { + height: 44px; + }*/ + #login-panles .btn-info.disabled.focus .btn-info.disabled:focus .btn-info.disabled:hover .btn-info.focus .btn-info:focus .btn-info:hover .btn:hover { + background: rgba(255,255, 255, 0.65); + border:none; + + } + /*Center login Box*/ + .login-sidebar { + position: relative; + right: initial; + } + + #lockScreen .white-box { + width: 400px; + height: 345px; + } + .login-sidebar .white-box { + width: 100%; + position: absolute; + top: 50%; + transform: translateY(-50%); + } + + #lockScreen .white-box { + position: absolute; + top: 50%; + transform: translateY(-50%); + background: var(--div-background-color-25); + -webkit-box-shadow: none; + box-shadow: none; + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + border-radius: 15px; + } + .form-control::placeholder { + color: white; + } + #login-username-Input, #login-password-Input { + text-align: center; + } + .panel .panel-heading .panel-title, label, span, .fa-lock:before { + color: #ffffff; + } + /* Lock screen */ + #lockScreen .form-material .form-control, .form-material .form-control:focus { + background: rgba(255, 255, 255, 0.35); + border-radius: 25px; + padding: inherit; + text-align: center; + } + #lockScreen .btn-info { + background: rgba(255, 255, 255, 0.35); + border-radius: 25px; + border: 1px solid transparent; + } + #lockScreen .btn-info:hover { + border: 1px solid transparent; + } + diff --git a/CSS/addons/radarr/radarr-4k-logo.css b/CSS/addons/radarr/radarr-4k-logo.css index afe8ec23..a0b4c15b 100644 --- a/CSS/addons/radarr/radarr-4k-logo.css +++ b/CSS/addons/radarr/radarr-4k-logo.css @@ -1 +1,96 @@ -@media (min-width:752px){.navbar-brand>img{display:none!important}.navbar>.container-fluid .navbar-brand:before{background-image:url(https://theme-park.dev/CSS/addons/radarr/radarr4k.png);display:inline-block;width:128px;height:128px;content:"";background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover}}@media (max-width:767px){.navbar-brand .visible-xs img{display:none!important}.navbar-brand .visible-xs{display:inline!important}.navbar>.container-fluid .navbar-brand:before{background-image:url(https://theme-park.dev/CSS/addons/radarr/radarr4k.png);display:inline-block;width:32px;height:32px;content:"";background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;margin-bottom:-12px}}@media (min-width:752px){[class*=PageHeader-logoFull-]{display:none!important}[class*=PageHeader-logoContainer-]:before{background-image:url(https://theme-park.dev/CSS/addons/radarr/radarr4k-v3.png);display:inline-block;width:148px;height:48px;content:"";background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover}}@media (max-width:767px){[class*=PageHeader-logo-]{display:none!important}[class*=PageHeader-logoContainer-]{background-image:url(https://theme-park.dev/CSS/addons/radarr/radarr-v3-mobile.png);display:inline-block;width:32px;height:32px;content:"";background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;margin-left:20px;margin-right:8px;flex:0 0 32px}}[class*=LoadingPage-logoFull-]{display:none!important}[class*=LoadingPage-page-]:before{background-image:url(https://theme-park.dev/CSS/addons/radarr/radarr4k-v3.png);display:inline-block;width:148px;height:48px;content:"";background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;margin-top:50px;margin-right:auto;margin-left:auto} \ No newline at end of file +/* Desktop */ +@media (min-width: 752px) { + .navbar-brand>img { + display:none !important; + } + .navbar > .container-fluid .navbar-brand:before { + background-image: url("https://theme-park.dev/CSS/addons/radarr/radarr4k.png"); + display: inline-block; + width: 128px; + height: 128px; + content:""; + background-size: cover; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + } + } + /* Mobile */ + @media (max-width: 767px) { + .navbar-brand .visible-xs img { + display: none !important; + } + .navbar-brand .visible-xs { + display: inline !important; + } + .navbar > .container-fluid .navbar-brand:before { + background-image: url("https://theme-park.dev/CSS/addons/radarr/radarr4k.png"); + display: inline-block; + width: 32px; + height: 32px; + content:""; + background-size: cover; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + margin-bottom: -12px; + } + } + +/* Radarr V3*/ +@media (min-width: 752px) { + [class*="PageHeader-logoFull-"] { + display: none !important; + } + [class*="PageHeader-logoContainer-"]:before { + background-image: url("https://theme-park.dev/CSS/addons/radarr/radarr4k-v3.png"); + display: inline-block; + width: 148px; + height: 48px; + content:""; + background-size: cover; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + } +} + +@media (max-width: 767px) { + [class*="PageHeader-logo-"] { + display: none !important; + } + [class*="PageHeader-logoContainer-"]{ + background-image: url("https://theme-park.dev/CSS/addons/radarr/radarr-v3-mobile.png"); + display: inline-block; + width: 32px; + height: 32px; + content:""; + background-size: cover; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + margin-left: 20px; + margin-right: 8px; + flex: 0 0 32px; + } +} + +[class*="LoadingPage-logoFull-"] { + display: none !important; +} + +[class*="LoadingPage-page-"]:before { + background-image: url("https://theme-park.dev/CSS/addons/radarr/radarr4k-v3.png"); + display: inline-block; + width: 148px; + height: 48px; + content:""; + background-size: cover; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + margin-top: 50px; + margin-right: auto; + margin-left: auto; + +} \ No newline at end of file diff --git a/CSS/addons/sonarr/sonarr-4k-logo.css b/CSS/addons/sonarr/sonarr-4k-logo.css index 1c1e3a08..06171da3 100644 --- a/CSS/addons/sonarr/sonarr-4k-logo.css +++ b/CSS/addons/sonarr/sonarr-4k-logo.css @@ -1 +1,115 @@ -@media (min-width:752px){.navbar-brand>img{display:none!important}.navbar>.container-fluid .navbar-brand:before{background-image:url(https://theme-park.dev/CSS/addons/sonarr/sonarr-4k.png);display:inline-block;width:128px;height:128px;content:"";background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover}}@media (max-width:1200px){.logo-text,.navbar-brand .visible-xs img{display:none!important}.navbar-brand .visible-xs{display:inline!important}.navbar>.container-fluid .navbar-brand:before{background-image:url(https://theme-park.dev/CSS/addons/sonarr/sonarr-4k.png);display:inline-block;width:64px;height:64px;content:"";background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;margin-bottom:-12px}}@media (max-width:767px){.navbar-brand .visible-xs img{display:none!important}.navbar-brand .visible-xs{display:inline!important}.navbar>.container-fluid .navbar-brand:before{background-image:url(https://theme-park.dev/CSS/addons/sonarr/sonarr-4k.png);display:inline-block;width:32px;height:32px;content:"";background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;margin-bottom:-12px}}@media (min-width:752px){[class*="PageHeader\/logo\/"]{display:none!important}[class*="PageHeader\/logoContainer\/"]:before{background-image:url(https://theme-park.dev/CSS/addons/sonarr/sonarr-4k.png);display:inline-block;width:32px;height:32px;content:"";background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover}}@media (max-width:767px){[class*="PageHeader\/logo\/"]{display:none!important}[class*="PageHeader\/logoContainer\/"]:before{background-image:url(https://theme-park.dev/CSS/addons/sonarr/sonarr-4k.png);display:inline-block;width:32px;height:32px;content:"";background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover}}[class*="LoadingPage\/logoFull\/"]{display:none!important}[class*="LoadingPage\/page\/"]:before{background-image:url(https://theme-park.dev/CSS/addons/sonarr/sonarr-4k.png);display:inline-block;width:48px;height:48px;content:"";background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;margin-top:50px;margin-right:auto;margin-left:auto} \ No newline at end of file +/* Desktop */ +@media (min-width: 752px) { + .navbar-brand>img { + display:none !important; + } + .navbar > .container-fluid .navbar-brand:before { + background-image: url("https://theme-park.dev/CSS/addons/sonarr/sonarr-4k.png"); + display: inline-block; + width: 128px; + height: 128px; + content:""; + background-size: cover; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + } + } + + /* Mobile */ + @media (max-width: 1200px) { + .navbar-brand .visible-xs img, .logo-text { + display: none !important; + } + .navbar-brand .visible-xs { + display: inline !important; + } + .navbar > .container-fluid .navbar-brand:before { + background-image: url("https://theme-park.dev/CSS/addons/sonarr/sonarr-4k.png"); + display: inline-block; + width: 64px; + height: 64px; + content:""; + background-size: cover; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + margin-bottom: -12px; + } + } + + @media (max-width: 767px) { + .navbar-brand .visible-xs img { + display: none !important; + } + .navbar-brand .visible-xs { + display: inline !important; + } + .navbar > .container-fluid .navbar-brand:before { + background-image: url("https://theme-park.dev/CSS/addons/sonarr/sonarr-4k.png"); + display: inline-block; + width: 32px; + height: 32px; + content:""; + background-size: cover; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + margin-bottom: -12px; + } + } + +/* Sonarr V3*/ +@media (min-width: 752px) { + [class*="PageHeader\/logo\/"] { + display: none !important; + } + [class*="PageHeader\/logoContainer\/"]:before { + background-image: url("https://theme-park.dev/CSS/addons/sonarr/sonarr-4k.png"); + display: inline-block; + width: 32px; + height: 32px; + content:""; + background-size: cover; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + } +} + +@media (max-width: 767px) { + [class*="PageHeader\/logo\/"] { + display: none !important; + } + [class*="PageHeader\/logoContainer\/"]:before { + background-image: url("https://theme-park.dev/CSS/addons/sonarr/sonarr-4k.png"); + display: inline-block; + width: 32px; + height: 32px; + content:""; + background-size: cover; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + } +} + +[class*="LoadingPage\/logoFull\/"] { + display: none !important; +} + +[class*="LoadingPage\/page\/"]:before { + background-image: url("https://theme-park.dev/CSS/addons/sonarr/sonarr-4k.png"); + display: inline-block; + width: 48px; + height: 48px; + content:""; + background-size: cover; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + margin-top: 50px; + margin-right: auto; + margin-left: auto; + +} \ No newline at end of file diff --git a/CSS/addons/unraid/login-page/alien/alien_base.css b/CSS/addons/unraid/login-page/alien/alien_base.css index a1b51ba0..da099aa8 100644 --- a/CSS/addons/unraid/login-page/alien/alien_base.css +++ b/CSS/addons/unraid/login-page/alien/alien_base.css @@ -1 +1,245 @@ -@import url(https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css);@import url(https://fonts.googleapis.com/css?family=Share+Tech+Mono&display=swap);@import url(https://fonts.googleapis.com/css?family=VT323);*{outline:0}@media only screen and (max-width:500px){#login{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);position:absolute;top:0;left:0;bottom:0;right:0;height:100%;width:100%;border-radius:none!important}#video-bg-elem,.background-wrap{display:none}#login{-webkit-box-shadow:inset 0 0 0 2px #f000!important;box-shadow:inset 0 0 0 2px #f000!important}}html{background:var(--main-bg)!important}body{background:var(--main-bg)!important;position:absolute;top:0;left:0;bottom:0;right:0;height:100%;width:100%;overflow:hidden}@media only screen and (max-width:768px){#login{min-width:300px}}.background-wrap{position:fixed;z-index:-1000;width:100%;height:100%;overflow:hidden;top:0;left:0}#video-bg-elem{position:absolute;top:0;left:0;min-height:100%;min-width:100%}#login .error,#login h1,#login h2{color:var(--text-color)!important;text-shadow:var(--text-shadow) var(--text-color);font-size:20px}#login a{color:var(--link-color);text-shadow:var(--text-shadow) var(--text-color)}#login a:hover{color:var(--link-color-hover);text-shadow:var(--text-shadow) var(--text-color)}#login input{color:var(--input-color);text-shadow:0 0 5px var(--text-color)}#login ::placeholder{color:var(--input-color);text-shadow:0 0 5px var(--text-color)}#login ::-webkit-input-placeholder{color:var(--input-color);text-shadow:0 0 5px var(--text-color)}#login ::-moz-placeholder{color:var(--input-color);text-shadow:0 0 5px var(--text-color)}#login :-ms-input-placeholder{color:var(--input-color);text-shadow:0 0 5px var(--text-color)}#login :-moz-placeholder{color:var(--input-color);text-shadow:0 0 5px var(--text-color)}#login input:focus::-webkit-input-placeholder{color:transparent!important;text-shadow:0 0 0 transparent}#login input:focus:-moz-placeholder{color:transparent!important;text-shadow:0 0 0 transparent}#login input:focus::-moz-placeholder{color:transparent!important;text-shadow:0 0 0 transparent}#login input:focus:-ms-input-placeholder{color:transparent!important;text-shadow:0 0 0 transparent}#login .button,#login .error,#login a,#login h1,#login h2{font-family:var(--text-font);-webkit-font-smoothing:none;line-height:1.2}#login [class*=' case-'],#login [class^=case-]{font-family:cases!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;color:var(--case-color);text-shadow:var(--text-shadow) var(--text-color)}#login [type=password],#login [type=text]{font-family:var(--input-font);background-color:rgba(0,0,0,.25);border:2px solid transparent;text-transform:uppercase;border-radius:5px}#login [type=password]:active,#login [type=password]:focus,#login [type=text]:active,#login [type=text]:focus{font-family:var(--input-font);background-color:rgba(0,0,0,.25);border:2px solid transparent;text-transform:uppercase}#login .button{color:var(--button-text-color);text-shadow:var(--text-shadow) var(--text-color);background:linear-gradient(90deg,var(--button-color2) 0,var(--button-color)) 0 0 no-repeat,linear-gradient(90deg,var(--button-color2) 0,var(--button-color)) 0 100% no-repeat,linear-gradient(0deg,var(--button-color2) 0,var(--button-color2)) 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-color2)),to(var(--button-color))) 0 0 no-repeat,-webkit-gradient(linear,left top,right top,from(var(--button-color2)),to(var(--button-color))) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(var(--button-color2)),to(var(--button-color2))) 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%}#login .button:hover{color:var(--button-text-color-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-color2-hover)),to(var(--button-color-hover)));background:linear-gradient(90deg,var(--button-color2-hover) 0,var(--button-color-hover))}#login{background:var(--div-background-color-15)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-top:1rem;position:absolute;left:50%;top:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);margin:0!important;text-transform:uppercase;min-width:300px}#login .angle:after{display:none}#login .wordmark{display:none}#login .logo{background:var(--logo);background-size:contain;padding:2rem;border-radius:0;margin:0 1rem 0 1rem}#login .error{animation-name:shake;animation-duration:.8s}.shadow{-webkit-box-shadow:inset 0 0 0 2px var(--text-color)!important;box-shadow:inset 0 0 0 2px var(--text-color)!important} \ No newline at end of file +@import "https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css"; +@import "https://fonts.googleapis.com/css?family=Share+Tech+Mono&display=swap"; +@import "https://fonts.googleapis.com/css?family=VT323"; + + + /* Replace the variables if you have a dark background */ + /* Light colors for dark backgrounds */ + /* + --div-background-color-10: rgba(255, 255, 255, 0.1); + --div-background-color-15: rgba(255, 255, 255, 0.15); + --div-background-color-25: rgba(255, 255, 255, 0.25); + --div-background-color-35: rgba(255, 255, 255, 0.35); + https://www.transparenttextures.com/patterns/hexellence.png + https://www.transparenttextures.com/patterns/gplay.png + https://www.transparenttextures.com/patterns/simple-horizontal-light.png + https://www.colourlovers.com/palette/3428762/Fallout?widths=1 + + https://codepen.io/lbebber/pen/XJRdrV/ CRT KEY FRAMES + https://brennan.io/2017/06/14/alien-computer-card/ + https://www.cssmatic.com/noise-texture + + https://codepen.io/somethingformed/pen/raWJXV + radial-gradient(ellipse at center,#0f7 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, + */ + +* { + outline: none; +} + +@media only screen and (max-width: 500px) { + #login { + -webkit-backdrop-filter: blur(0px); + backdrop-filter: blur(0px); + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + height: 100%; + width: 100%; + border-radius: none !important; + } + .background-wrap,#video-bg-elem {display: none;} + + #login { + -webkit-box-shadow: inset 0px 0px 0px 2px #F000 !important; + box-shadow: inset 0px 0px 0px 2px #F000 !important; + } +} + +html { + background: var(--main-bg) !important; +} + +body { + background: var(--main-bg) !important; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + height: 100%; + width: 100%; + overflow: hidden; +} +@media only screen and (max-width: 768px) { + #login { + min-width: 300px; + } +} +/*FOR VIDEO BACKGROUND*/ +.background-wrap { + position: fixed; + z-index: -1000; + width: 100%; + height: 100%; + overflow: hidden; + top: 0; + left: 0; +} +#video-bg-elem { + position: absolute; + top: 0; + left: 0; + min-height: 100%; + min-width: 100%; +} +/*TEXT COLOR*/ +#login h1, +#login h2, +#login .error { + color: var(--text-color) !important; + text-shadow: var(--text-shadow) var(--text-color); + font-size: 20px; +} +#login a { + color: var(--link-color); + text-shadow: var(--text-shadow) var(--text-color); +} +#login a:hover { + color: var(--link-color-hover); + text-shadow: var(--text-shadow) var(--text-color); +} +#login input { + color: var(--input-color); + text-shadow: 0 0 5px var(--text-color); +} +#login ::placeholder { + color: var(--input-color); + text-shadow: 0 0 5px var(--text-color); +} +#login ::-webkit-input-placeholder { + color: var(--input-color); + text-shadow: 0 0 5px var(--text-color); +} +#login ::-moz-placeholder { + color: var(--input-color); + text-shadow: 0 0 5px var(--text-color); +} +#login :-ms-input-placeholder { + color: var(--input-color); + text-shadow: 0 0 5px var(--text-color); +} +#login :-moz-placeholder { + color: var(--input-color); + text-shadow: 0 0 5px var(--text-color); +} +#login input:focus::-webkit-input-placeholder { + color: transparent !important; + text-shadow: 0 0 0px transparent; +} +#login input:focus:-moz-placeholder { + color: transparent !important; + text-shadow: 0 0 0px transparent; +} +#login input:focus::-moz-placeholder { + color: transparent !important; + text-shadow: 0 0 0px transparent; +} +#login input:focus:-ms-input-placeholder { + color: transparent !important; + text-shadow: 0 0 0px transparent; +} + +/*TEXT FONT*/ +#login h1, +#login h2, +#login a, +#login .button, +#login .error { + font-family: var(--text-font); + -webkit-font-smoothing: none; + line-height: 1.2; +} + +/* CASE COLOR */ +#login [class^='case-'], +#login [class*=' case-'] { + font-family: cases!important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + color: var(--case-color); + text-shadow: var(--text-shadow) var(--text-color); +} +/*INPUT FORMS*/ +#login [type=text], +#login [type=password] { + font-family: var(--input-font); + background-color: rgba(0, 0, 0, 0.25); + border: 2px solid transparent; + text-transform: uppercase; + border-radius: 5px; +} +#login [type=text]:active, +#login [type=text]:focus, +#login [type=password]:active, +#login [type=password]:focus { + font-family: var(--input-font); + background-color: rgba(0, 0, 0, 0.25); + border: 2px solid transparent; + text-transform: uppercase; + +} + + +/*BUTTON*/ +#login .button { + color: var(--button-text-color); + text-shadow: var(--text-shadow) var(--text-color); + background: linear-gradient(90deg, var(--button-color2) 0, var(--button-color)) 0 0 no-repeat, linear-gradient(90deg, var(--button-color2) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color2) 0, var(--button-color2)) 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-color2)), to(var(--button-color))) 0 0 no-repeat, -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color2)), to(var(--button-color2))) 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%; +} +#login .button:hover { + color: var(--button-text-color-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-color2-hover)), to(var(--button-color-hover))); + background: linear-gradient(90deg, var(--button-color2-hover) 0, var(--button-color-hover)); +} + + +#login { + background: var(--div-background-color-15) !important; + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + padding-top: 1rem; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%) !; + -ms-transform: translate(-50%, -50%); + -webkit-transform: translate(-50%, -50%); + margin: 0 !important; + text-transform: uppercase; + min-width: 300px; +} + +#login .angle:after { + display: none; +} +#login .wordmark { + display: none; +} + +#login .logo { + background: var(--logo); + background-size: contain; + padding: 2rem; + border-radius: 0; + margin: 0rem 1rem 0rem 1rem; +} +#login .error { + animation-name: shake; + animation-duration: .8s; +} +/*LOGIN BOX SHADOW*/ +.shadow { + -webkit-box-shadow: inset 0px 0px 0px 2px var(--text-color) !important; + box-shadow: inset 0px 0px 0px 2px var(--text-color) !important; +} diff --git a/CSS/addons/unraid/login-page/alien/custom.css b/CSS/addons/unraid/login-page/alien/custom.css index 2432d045..5680f3d2 100644 --- a/CSS/addons/unraid/login-page/alien/custom.css +++ b/CSS/addons/unraid/login-page/alien/custom.css @@ -1 +1,22 @@ -@import url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css);:root{--main-bg:radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed,url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/wallpaper/hallway2.jpg) center center/cover no-repeat fixed;--logo:url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/nostromogreen2.png) center no-repeat;--text-color:#37f592;--input-color:#37f592;--link-color:#37f592;--link-color-hover:#68ffff;--case-color:#37f592;--button-text-color:#37f592;--button-text-color-hover:#000;--button-color:#37f592;--button-color2:#0C833D;--button-color-hover:#68ffff;--button-color2-hover:#68ffff;--input-font:'Share Tech Mono',monospace;--text-font:'Share Tech Mono',monospace;--div-background-color-15:rgba(0, 255, 111, 0.03);--text-shadow:0 0 8px;--box-shadow:0 0 15px} \ No newline at end of file +@import url("https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css"); +:root { + --main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, + url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/wallpaper/hallway2.jpg) center center/cover no-repeat fixed; + --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/nostromogreen2.png) center no-repeat; + --text-color: #37f592; + --input-color: #37f592; + --link-color: #37f592; + --link-color-hover: #68ffff; + --case-color: #37f592; + --button-text-color: #37f592; + --button-text-color-hover: #000; + --button-color: #37f592; + --button-color2: #0C833D; + --button-color-hover: #68ffff; + --button-color2-hover: #68ffff; + --input-font: 'Share Tech Mono', monospace; + --text-font: 'Share Tech Mono', monospace; /*'VT323', 'Share Tech Mono'*/ + --div-background-color-15: rgba(0, 255, 111, 0.03); + --text-shadow: 0 0 8px; + --box-shadow: 0 0 15px; +} \ No newline at end of file diff --git a/CSS/addons/unraid/login-page/alien/hallway.css b/CSS/addons/unraid/login-page/alien/hallway.css index 9368f78a..a56b5802 100644 --- a/CSS/addons/unraid/login-page/alien/hallway.css +++ b/CSS/addons/unraid/login-page/alien/hallway.css @@ -1 +1,22 @@ -@import url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css);:root{--main-bg:radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed,url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/wallpaper/hallway.jpg) center center/cover no-repeat fixed;--logo:url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat;--text-color:#37f592;--input-color:#37f592;--link-color:#37f592;--link-color-hover:#68ffff;--case-color:#37f592;--button-text-color:#37f592;--button-text-color-hover:#000;--button-color:#37f592;--button-color2:#0C833D;--button-color-hover:#68ffff;--button-color2-hover:#68ffff;--input-font:'Share Tech Mono',monospace;--text-font:'Share Tech Mono',monospace;--div-background-color-15:rgba(0, 255, 111, 0.03);--text-shadow:0 0 8px;--box-shadow:0 0 15px} \ No newline at end of file +@import url("https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css"); +:root { + --main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, + url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/wallpaper/hallway.jpg) center center/cover no-repeat fixed; + --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat; + --text-color: #37f592; + --input-color: #37f592; + --link-color: #37f592; + --link-color-hover: #68ffff; + --case-color: #37f592; + --button-text-color: #37f592; + --button-text-color-hover: #000; + --button-color: #37f592; + --button-color2: #0C833D; + --button-color-hover: #68ffff; + --button-color2-hover: #68ffff; + --input-font: 'Share Tech Mono', monospace; + --text-font: 'Share Tech Mono', monospace; /*'VT323', 'Share Tech Mono'*/ + --div-background-color-15: rgba(0, 255, 111, 0.03); + --text-shadow: 0 0 8px; + --box-shadow: 0 0 15px; +} \ No newline at end of file diff --git a/CSS/addons/unraid/login-page/alien/hallway2.css b/CSS/addons/unraid/login-page/alien/hallway2.css index 6f488d85..2c490be1 100644 --- a/CSS/addons/unraid/login-page/alien/hallway2.css +++ b/CSS/addons/unraid/login-page/alien/hallway2.css @@ -1 +1,22 @@ -@import url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css);:root{--main-bg:radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed,url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/wallpaper/hallway2.jpg) center center/cover no-repeat fixed;--logo:url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat;--text-color:#37f592;--input-color:#37f592;--link-color:#37f592;--link-color-hover:#68ffff;--case-color:#37f592;--button-text-color:#37f592;--button-text-color-hover:#000;--button-color:#37f592;--button-color2:#0C833D;--button-color-hover:#68ffff;--button-color2-hover:#68ffff;--input-font:'Share Tech Mono',monospace;--text-font:'Share Tech Mono',monospace;--div-background-color-15:rgba(0, 255, 111, 0.03);--text-shadow:0 0 8px;--box-shadow:0 0 15px} \ No newline at end of file +@import url("https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css"); +:root { + --main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, + url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/wallpaper/hallway2.jpg) center center/cover no-repeat fixed; + --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat; + --text-color: #37f592; + --input-color: #37f592; + --link-color: #37f592; + --link-color-hover: #68ffff; + --case-color: #37f592; + --button-text-color: #37f592; + --button-text-color-hover: #000; + --button-color: #37f592; + --button-color2: #0C833D; + --button-color-hover: #68ffff; + --button-color2-hover: #68ffff; + --input-font: 'Share Tech Mono', monospace; + --text-font: 'Share Tech Mono', monospace; /*'VT323', 'Share Tech Mono'*/ + --div-background-color-15: rgba(0, 255, 111, 0.03); + --text-shadow: 0 0 8px; + --box-shadow: 0 0 15px; +} \ No newline at end of file diff --git a/CSS/addons/unraid/login-page/alien/hallway3.css b/CSS/addons/unraid/login-page/alien/hallway3.css index 66ecad8d..e166f370 100644 --- a/CSS/addons/unraid/login-page/alien/hallway3.css +++ b/CSS/addons/unraid/login-page/alien/hallway3.css @@ -1 +1,22 @@ -@import url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css);:root{--main-bg:radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed,url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/wallpaper/hallway3.jpg) center center/cover no-repeat fixed;--logo:url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat;--text-color:#37f592;--input-color:#37f592;--link-color:#37f592;--link-color-hover:#68ffff;--case-color:#37f592;--button-text-color:#37f592;--button-text-color-hover:#000;--button-color:#37f592;--button-color2:#0C833D;--button-color-hover:#68ffff;--button-color2-hover:#68ffff;--input-font:'Share Tech Mono',monospace;--text-font:'Share Tech Mono',monospace;--div-background-color-15:rgba(0, 255, 111, 0.03);--text-shadow:0 0 8px;--box-shadow:0 0 15px} \ No newline at end of file +@import url("https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css"); +:root { + --main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, + url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/wallpaper/hallway3.jpg) center center/cover no-repeat fixed; + --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat; + --text-color: #37f592; + --input-color: #37f592; + --link-color: #37f592; + --link-color-hover: #68ffff; + --case-color: #37f592; + --button-text-color: #37f592; + --button-text-color-hover: #000; + --button-color: #37f592; + --button-color2: #0C833D; + --button-color-hover: #68ffff; + --button-color2-hover: #68ffff; + --input-font: 'Share Tech Mono', monospace; + --text-font: 'Share Tech Mono', monospace; /*'VT323', 'Share Tech Mono'*/ + --div-background-color-15: rgba(0, 255, 111, 0.03); + --text-shadow: 0 0 8px; + --box-shadow: 0 0 15px; +} \ No newline at end of file diff --git a/CSS/addons/unraid/login-page/alien/hallway4.css b/CSS/addons/unraid/login-page/alien/hallway4.css index e1b44e50..e95feddb 100644 --- a/CSS/addons/unraid/login-page/alien/hallway4.css +++ b/CSS/addons/unraid/login-page/alien/hallway4.css @@ -1 +1,22 @@ -@import url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css);:root{--main-bg:radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed,url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/wallpaper/hallway4.jpg) center center/cover no-repeat fixed;--logo:url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat;--text-color:#37f592;--input-color:#37f592;--link-color:#37f592;--link-color-hover:#68ffff;--case-color:#37f592;--button-text-color:#37f592;--button-text-color-hover:#000;--button-color:#37f592;--button-color2:#0C833D;--button-color-hover:#68ffff;--button-color2-hover:#68ffff;--input-font:'Share Tech Mono',monospace;--text-font:'Share Tech Mono',monospace;--div-background-color-15:rgba(0, 255, 111, 0.03);--text-shadow:0 0 8px;--box-shadow:0 0 15px} \ No newline at end of file +@import url("https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css"); +:root { + --main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, + url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/wallpaper/hallway4.jpg) center center/cover no-repeat fixed; + --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat; + --text-color: #37f592; + --input-color: #37f592; + --link-color: #37f592; + --link-color-hover: #68ffff; + --case-color: #37f592; + --button-text-color: #37f592; + --button-text-color-hover: #000; + --button-color: #37f592; + --button-color2: #0C833D; + --button-color-hover: #68ffff; + --button-color2-hover: #68ffff; + --input-font: 'Share Tech Mono', monospace; + --text-font: 'Share Tech Mono', monospace; /*'VT323', 'Share Tech Mono'*/ + --div-background-color-15: rgba(0, 255, 111, 0.03); + --text-shadow: 0 0 8px; + --box-shadow: 0 0 15px; +} \ No newline at end of file diff --git a/CSS/addons/unraid/login-page/alien/isolation.css b/CSS/addons/unraid/login-page/alien/isolation.css index 756aaef0..be8a7d47 100644 --- a/CSS/addons/unraid/login-page/alien/isolation.css +++ b/CSS/addons/unraid/login-page/alien/isolation.css @@ -1 +1,22 @@ -@import url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css);:root{--main-bg:radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed,url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/wallpaper/isolation.png) center center/cover no-repeat fixed;--logo:url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat;--text-color:#37f592;--input-color:#37f592;--link-color:#37f592;--link-color-hover:#68ffff;--case-color:#37f592;--button-text-color:#37f592;--button-text-color-hover:#000;--button-color:#37f592;--button-color2:#0C833D;--button-color-hover:#68ffff;--button-color2-hover:#68ffff;--input-font:'Share Tech Mono',monospace;--text-font:'Share Tech Mono',monospace;--div-background-color-15:rgba(0, 255, 111, 0.03);--text-shadow:0 0 8px;--box-shadow:0 0 15px} \ No newline at end of file +@import url("https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css"); +:root { + --main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, + url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/wallpaper/isolation.png) center center/cover no-repeat fixed; + --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat; + --text-color: #37f592; + --input-color: #37f592; + --link-color: #37f592; + --link-color-hover: #68ffff; + --case-color: #37f592; + --button-text-color: #37f592; + --button-text-color-hover: #000; + --button-color: #37f592; + --button-color2: #0C833D; + --button-color-hover: #68ffff; + --button-color2-hover: #68ffff; + --input-font: 'Share Tech Mono', monospace; + --text-font: 'Share Tech Mono', monospace; /*'VT323', 'Share Tech Mono'*/ + --div-background-color-15: rgba(0, 255, 111, 0.03); + --text-shadow: 0 0 8px; + --box-shadow: 0 0 15px; +} \ No newline at end of file diff --git a/CSS/addons/unraid/login-page/alien/isolation_video.css b/CSS/addons/unraid/login-page/alien/isolation_video.css index bb3930d7..5764f38a 100644 --- a/CSS/addons/unraid/login-page/alien/isolation_video.css +++ b/CSS/addons/unraid/login-page/alien/isolation_video.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css);:root{--main-bg:transparent;--logo:url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat;--text-color:#37f592;--input-color:#37f592;--link-color:#37f592;--link-color-hover:#68ffff;--case-color:#37f592;--button-text-color:#37f592;--button-text-color-hover:#000;--button-color:#37f592;--button-color2:#0C833D;--button-color-hover:#68ffff;--button-color2-hover:#68ffff;--input-font:'Share Tech Mono',monospace;--text-font:'Share Tech Mono',monospace;--div-background-color-15:rgba(0, 255, 111, 0.03);--text-shadow:0 0 8px;--box-shadow:0 0 15px} \ No newline at end of file +@import url("https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css"); +:root { + --main-bg: transparent; + --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat; + --text-color: #37f592; + --input-color: #37f592; + --link-color: #37f592; + --link-color-hover: #68ffff; + --case-color: #37f592; + --button-text-color: #37f592; + --button-text-color-hover: #000; + --button-color: #37f592; + --button-color2: #0C833D; + --button-color-hover: #68ffff; + --button-color2-hover: #68ffff; + --input-font: 'Share Tech Mono', monospace; + --text-font: 'Share Tech Mono', monospace; /*'VT323', 'Share Tech Mono'*/ + --div-background-color-15: rgba(0, 255, 111, 0.03); + --text-shadow: 0 0 8px; + --box-shadow: 0 0 15px; +} \ No newline at end of file diff --git a/CSS/addons/unraid/login-page/alien/js/isolation.js b/CSS/addons/unraid/login-page/alien/js/isolation.js index 15977d22..6b788591 100644 --- a/CSS/addons/unraid/login-page/alien/js/isolation.js +++ b/CSS/addons/unraid/login-page/alien/js/isolation.js @@ -1,3 +1,6 @@ -let video=` +// Adds a video background + +let video = `
-`;document.body.innerHTML+="\n
\n"; \ No newline at end of file +` +document.body.innerHTML += video \ No newline at end of file diff --git a/CSS/addons/unraid/login-page/alien/nightmare.css b/CSS/addons/unraid/login-page/alien/nightmare.css index 35e2a028..625596d7 100644 --- a/CSS/addons/unraid/login-page/alien/nightmare.css +++ b/CSS/addons/unraid/login-page/alien/nightmare.css @@ -1 +1,22 @@ -@import url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css);:root{--main-bg:radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed,url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/wallpaper/nightmare.png) center center/cover no-repeat fixed;--logo:url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_red.png) center no-repeat;--text-color:#e22828;--input-color:#e22828;--link-color:#e22828;--link-color-hover:#f07777;--case-color:#e22828;--button-text-color:#e22828;--button-text-color-hover:#000;--button-color:#e22828;--button-color2:#e22828;--button-color-hover:#db3232;--button-color2-hover:#db3232;--input-font:'Share Tech Mono',monospace;--text-font:'Share Tech Mono',monospace;--div-background-color-15:rgba(0, 0, 0, 0.55);--text-shadow:0 0 8px;--box-shadow:0 0 15px} \ No newline at end of file +@import url("https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css"); +:root { + --main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, + url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/wallpaper/nightmare.png) center center/cover no-repeat fixed; + --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_red.png) center no-repeat; + --text-color: #e22828; + --input-color: #e22828; + --link-color: #e22828; + --link-color-hover: #f07777; + --case-color: #e22828; + --button-text-color: #e22828; + --button-text-color-hover: #000; + --button-color: #e22828; + --button-color2: #e22828; + --button-color-hover: #db3232; + --button-color2-hover: #db3232; + --input-font: 'Share Tech Mono', monospace; + --text-font: 'Share Tech Mono', monospace; /*'VT323', 'Share Tech Mono'*/ + --div-background-color-15: rgba(0, 0, 0, 0.55); + --text-shadow: 0 0 8px; + --box-shadow: 0 0 15px; +} \ No newline at end of file diff --git a/CSS/addons/unraid/login-page/alien/scanner.css b/CSS/addons/unraid/login-page/alien/scanner.css index 85573bf4..839e8590 100644 --- a/CSS/addons/unraid/login-page/alien/scanner.css +++ b/CSS/addons/unraid/login-page/alien/scanner.css @@ -1 +1,22 @@ -@import url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css);:root{--main-bg:radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed,url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/wallpaper/scanner.jpg) center center/cover no-repeat fixed;--logo:url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/nostromogreen2.png) center no-repeat;--text-color:#37f592;--input-color:#37f592;--link-color:#37f592;--link-color-hover:#68ffff;--case-color:#37f592;--button-text-color:#37f592;--button-text-color-hover:#000;--button-color:#37f592;--button-color2:#0C833D;--button-color-hover:#68ffff;--button-color2-hover:#68ffff;--input-font:'Share Tech Mono',monospace;--text-font:'Share Tech Mono',monospace;--div-background-color-15:rgba(0, 255, 111, 0.03);--text-shadow:0 0 8px;--box-shadow:0 0 15px} \ No newline at end of file +@import url("https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css"); +:root { + --main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, + url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/wallpaper/scanner.jpg) center center/cover no-repeat fixed; + --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/nostromogreen2.png) center no-repeat; + --text-color: #37f592; + --input-color: #37f592; + --link-color: #37f592; + --link-color-hover: #68ffff; + --case-color: #37f592; + --button-text-color: #37f592; + --button-text-color-hover: #000; + --button-color: #37f592; + --button-color2: #0C833D; + --button-color-hover: #68ffff; + --button-color2-hover: #68ffff; + --input-font: 'Share Tech Mono', monospace; + --text-font: 'Share Tech Mono', monospace; /*'VT323', 'Share Tech Mono'*/ + --div-background-color-15: rgba(0, 255, 111, 0.03); + --text-shadow: 0 0 8px; + --box-shadow: 0 0 15px; +} \ No newline at end of file diff --git a/CSS/addons/unraid/login-page/fallout/custom.css b/CSS/addons/unraid/login-page/fallout/custom.css index 07c78039..823dd4f2 100644 --- a/CSS/addons/unraid/login-page/fallout/custom.css +++ b/CSS/addons/unraid/login-page/fallout/custom.css @@ -1 +1,218 @@ -@import url(https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css);@import url(https://fonts.googleapis.com/css?family=Share+Tech+Mono&display=swap);@import url(https://fonts.googleapis.com/css?family=VT323);:root{--main-bg-color:url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/wallpaper/rocky-wall.png),url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/wallpaper/6Ua3u8.jpg) center center/cover no-repeat fixed;--logo:url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/logo/vault.png) center no-repeat;--text-color:#14F074;--input-color:#14F074;--link-color:#14F074;--link-color-hover:#0C833D;--case-color:#14F074;--button-text-color:#14F074;--button-text-color-hover:#FFFFFF;--button-color:#14F074;--button-color2:#0C833D;--input-font:'Share Tech Mono',monospace;--text-font:'Share Tech Mono',monospace;--div-background-color-15:rgba(0, 0, 0, 0.25)}@media (max-width:500px){#login{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);position:absolute;top:0;left:0;bottom:0;right:0;height:100%;width:100%;border-radius:none!important}#video-bg-elem,.background-wrap{display:none}}html{background:var(--main-bg-color)!important}body{background:var(--main-bg-color)!important;position:absolute;top:0;left:0;bottom:0;right:0;height:100%;width:100%;overflow:hidden}@media only screen and (max-width:768px){#login{min-width:300px}}.background-wrap{position:fixed;z-index:-1000;width:100%;height:100%;overflow:hidden;top:0;left:0}#video-bg-elem{position:absolute;top:0;left:0;min-height:100%;min-width:100%}#login .error,#login h1,#login h2{color:var(--text-color)!important}#login a{color:var(--link-color)}#login a:hover{color:var(--link-color-hover)}#login input{color:var(--input-color)}#login ::placeholder{color:var(--input-color)}#login ::-webkit-input-placeholder{color:var(--input-color)}#login ::-moz-placeholder{color:var(--input-color)}#login :-ms-input-placeholder{color:var(--input-color)}#login :-moz-placeholder{color:var(--input-color)}#login input:focus::-webkit-input-placeholder{color:transparent!important}#login input:focus:-moz-placeholder{color:transparent!important}#login input:focus::-moz-placeholder{color:transparent!important}#login input:focus:-ms-input-placeholder{color:transparent!important}#login .button,#login .error,#login a,#login h1,#login h2{font-family:var(--text-font)}#login [class*=' case-'],#login [class^=case-]{font-family:cases!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;color:var(--case-color)}#login [type=password],#login [type=text]{font-family:var(--input-font);background-color:rgba(0,0,0,.25);border:2px solid transparent;text-transform:uppercase;border-radius:5px}#login [type=password]:active,#login [type=password]:focus,#login [type=text]:active,#login [type=text]:focus{font-family:var(--input-font);background-color:rgba(0,0,0,.25);border:2px solid transparent;text-transform:uppercase}#login .button{color:var(--button-text-color);background:linear-gradient(90deg,var(--button-color2) 0,var(--button-color)) 0 0 no-repeat,linear-gradient(90deg,var(--button-color2) 0,var(--button-color)) 0 100% no-repeat,linear-gradient(0deg,var(--button-color2) 0,var(--button-color2)) 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-color2)),to(var(--button-color))) 0 0 no-repeat,-webkit-gradient(linear,left top,right top,from(var(--button-color2)),to(var(--button-color))) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(var(--button-color2)),to(var(--button-color2))) 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%}#login .button:hover{color:var(--button-text-color-hover);background-color:var(--button-color);background:-webkit-gradient(linear,left top,right top,from(var(--button-color2)),to(var(--button-color)));background:linear-gradient(90deg,var(--button-color2) 0,var(--button-color))}#login{background:var(--div-background-color-15)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-top:1rem;position:absolute;left:50%;top:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);margin:0!important;text-transform:uppercase;min-width:300px}#login .angle:after{display:none}#login .wordmark{display:none}#login .logo{background:var(--logo);background-size:contain;padding:2rem;border-radius:0;margin:0 1rem 0 1rem}#login .error{animation-name:shake;animation-duration:.8s} \ No newline at end of file +@import "https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css"; +@import "https://fonts.googleapis.com/css?family=Share+Tech+Mono&display=swap"; +@import "https://fonts.googleapis.com/css?family=VT323"; +:root { + --main-bg-color: url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/wallpaper/rocky-wall.png), url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/wallpaper/6Ua3u8.jpg) center center/cover no-repeat fixed; + --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/logo/vault.png) center no-repeat; + --text-color: #14F074; + --input-color: #14F074; + --link-color: #14F074; + --link-color-hover: #0C833D; + --case-color: #14F074; + --button-text-color: #14F074; + --button-text-color-hover: #FFFFFF; + --button-color: #14F074; + --button-color2: #0C833D; + --input-font: 'Share Tech Mono', monospace; + --text-font: 'Share Tech Mono', monospace; + --div-background-color-15: rgba(0, 0, 0, 0.25); + + /* Replace the variables if you have a dark background */ + /* Light colors for dark backgrounds */ + /* + --div-background-color-10: rgba(255, 255, 255, 0.1); + --div-background-color-15: rgba(255, 255, 255, 0.15); + --div-background-color-25: rgba(255, 255, 255, 0.25); + --div-background-color-35: rgba(255, 255, 255, 0.35); + https://www.transparenttextures.com/patterns/hexellence.png + https://www.transparenttextures.com/patterns/gplay.png + https://www.transparenttextures.com/patterns/simple-horizontal-light.png + https://www.colourlovers.com/palette/3428762/Fallout?widths=1 + */ +} + +@media (max-width: 500px) { + #login { + -webkit-backdrop-filter: blur(0px); + backdrop-filter: blur(0px); + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + height: 100%; + width: 100%; + border-radius: none !important; + } + .background-wrap,#video-bg-elem {display: none;} +} + +html { + background: var(--main-bg-color) !important; +} +body { + background: var(--main-bg-color) !important; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + height: 100%; + width: 100%; + overflow: hidden; +} +@media only screen and (max-width: 768px) { + #login { + min-width: 300px; + } +} +/*FOR VIDEO BACKGROUND*/ +.background-wrap { + position: fixed; + z-index: -1000; + width: 100%; + height: 100%; + overflow: hidden; + top: 0; + left: 0; +} +#video-bg-elem { + position: absolute; + top: 0; + left: 0; + min-height: 100%; + min-width: 100%; +} +/*TEXT COLOR*/ +#login h1, +#login h2, +#login .error { + color: var(--text-color) !important; +} +#login a { + color: var(--link-color); +} +#login a:hover { + color: var(--link-color-hover); +} +#login input { + color: var(--input-color); +} +#login ::placeholder { + color: var(--input-color); +} +#login ::-webkit-input-placeholder { + color: var(--input-color); +} +#login ::-moz-placeholder { + color: var(--input-color); +} +#login :-ms-input-placeholder { + color: var(--input-color); +} +#login :-moz-placeholder { + color: var(--input-color); +} +#login input:focus::-webkit-input-placeholder { + color: transparent !important; +} +#login input:focus:-moz-placeholder { + color: transparent !important; +} +#login input:focus::-moz-placeholder { + color: transparent !important; +} +#login input:focus:-ms-input-placeholder { + color: transparent !important; +} + +/*TEXT FONT*/ +#login h1, +#login h2, +#login a, +#login .button, +#login .error { + font-family: var(--text-font); +} + +/* CASE COLOR */ +#login [class^='case-'], +#login [class*=' case-'] { + font-family: cases!important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + color: var(--case-color); +} +/*INPUT FORMS*/ +#login [type=text], +#login [type=password] { + font-family: var(--input-font); + background-color: rgba(0, 0, 0, 0.25); + border: 2px solid transparent; + text-transform: uppercase; + border-radius: 5px; +} +#login [type=text]:active, +#login [type=text]:focus, +#login [type=password]:active, +#login [type=password]:focus { + font-family: var(--input-font); + background-color: rgba(0, 0, 0, 0.25); + border: 2px solid transparent; + text-transform: uppercase; + +} + + +/*BUTTON*/ +#login .button { + color: var(--button-text-color); + background: linear-gradient(90deg, var(--button-color2) 0, var(--button-color)) 0 0 no-repeat, linear-gradient(90deg, var(--button-color2) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color2) 0, var(--button-color2)) 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-color2)), to(var(--button-color))) 0 0 no-repeat, -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color2)), to(var(--button-color2))) 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%; +} +#login .button:hover { + color: var(--button-text-color-hover); + background-color: var(--button-color); + background: -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color))); + background: linear-gradient(90deg, var(--button-color2) 0, var(--button-color)); +} + + +#login { + background: var(--div-background-color-15) !important; + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + padding-top: 1rem; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%) !; + -ms-transform: translate(-50%, -50%); + -webkit-transform: translate(-50%, -50%); + margin: 0 !important; + text-transform: uppercase; + min-width: 300px; +} + +#login .angle:after { + display: none; +} +#login .wordmark { + display: none; +} + +#login .logo { + background: var(--logo); + background-size: contain; + padding: 2rem; + border-radius: 0; + margin: 0rem 1rem 0rem 1rem; +} +#login .error { + animation-name: shake; + animation-duration: .8s; +} diff --git a/CSS/addons/unraid/login-page/fallout/dirty_terminal.css b/CSS/addons/unraid/login-page/fallout/dirty_terminal.css index bccd4b52..e1ad0f78 100644 --- a/CSS/addons/unraid/login-page/fallout/dirty_terminal.css +++ b/CSS/addons/unraid/login-page/fallout/dirty_terminal.css @@ -1 +1,28 @@ -@import url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/fallout_base.css);:root{--main-bg-color:url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/wallpaper/rocky-wall.png),url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/wallpaper/terminal.jpg) center center/cover no-repeat fixed;--logo:url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/logo/vault-tec_green.png) center no-repeat;--text-color:#14F074;--input-color:#14F074;--link-color:#14F074;--link-color-hover:#0C833D;--case-color:#14F074;--button-text-color:#14F074;--button-text-color-hover:#FFFFFF;--button-color:#14F074;--button-color2:#0C833D;--input-font:'Share Tech Mono',monospace;--text-font:'Share Tech Mono',monospace;--div-background-color-15:rgba(0, 0, 0, 0.25)} \ No newline at end of file +@import url("https://theme-park.dev/CSS/addons/unraid/login-page/fallout/fallout_base.css"); +:root { + --main-bg-color: url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/wallpaper/rocky-wall.png), + url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/wallpaper/terminal.jpg) center center/cover no-repeat fixed; + --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/logo/vault-tec_green.png) center no-repeat; + --text-color: #14F074; + --input-color: #14F074; + --link-color: #14F074; + --link-color-hover: #0C833D; + --case-color: #14F074; + --button-text-color: #14F074; + --button-text-color-hover: #FFFFFF; + --button-color: #14F074; + --button-color2: #0C833D; + --input-font: 'Share Tech Mono', monospace; + --text-font: 'Share Tech Mono', monospace; + --div-background-color-15: rgba(0, 0, 0, 0.25); + + /* Replace the variables if you have a dark background */ + /* Light colors for dark backgrounds */ + /* + --div-background-color-15: rgba(255, 255, 255, 0.15); + https://www.transparenttextures.com/patterns/hexellence.png + https://www.transparenttextures.com/patterns/gplay.png + https://www.transparenttextures.com/patterns/simple-horizontal-light.png + https://www.colourlovers.com/palette/3428762/Fallout?widths=1 + */ +} \ No newline at end of file diff --git a/CSS/addons/unraid/login-page/fallout/dirty_terminal2.css b/CSS/addons/unraid/login-page/fallout/dirty_terminal2.css index cf4e2ff2..53ab1adf 100644 --- a/CSS/addons/unraid/login-page/fallout/dirty_terminal2.css +++ b/CSS/addons/unraid/login-page/fallout/dirty_terminal2.css @@ -1 +1,28 @@ -@import url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/fallout_base.css);:root{--main-bg-color:url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/wallpaper/rocky-wall.png),url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/wallpaper/terminal2.jpg) center center/cover no-repeat fixed;--logo:url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/logo/vault-tec_green.png) center no-repeat;--text-color:#14F074;--input-color:#14F074;--link-color:#14F074;--link-color-hover:#0C833D;--case-color:#14F074;--button-text-color:#14F074;--button-text-color-hover:#FFFFFF;--button-color:#14F074;--button-color2:#0C833D;--input-font:'Share Tech Mono',monospace;--text-font:'Share Tech Mono',monospace;--div-background-color-15:rgba(0, 0, 0, 0.25)} \ No newline at end of file +@import url("https://theme-park.dev/CSS/addons/unraid/login-page/fallout/fallout_base.css"); +:root { + --main-bg-color: url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/wallpaper/rocky-wall.png), + url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/wallpaper/terminal2.jpg) center center/cover no-repeat fixed; + --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/logo/vault-tec_green.png) center no-repeat; + --text-color: #14F074; + --input-color: #14F074; + --link-color: #14F074; + --link-color-hover: #0C833D; + --case-color: #14F074; + --button-text-color: #14F074; + --button-text-color-hover: #FFFFFF; + --button-color: #14F074; + --button-color2: #0C833D; + --input-font: 'Share Tech Mono', monospace; + --text-font: 'Share Tech Mono', monospace; + --div-background-color-15: rgba(0, 0, 0, 0.25); + + /* Replace the variables if you have a dark background */ + /* Light colors for dark backgrounds */ + /* + --div-background-color-15: rgba(255, 255, 255, 0.15); + https://www.transparenttextures.com/patterns/hexellence.png + https://www.transparenttextures.com/patterns/gplay.png + https://www.transparenttextures.com/patterns/simple-horizontal-light.png + https://www.colourlovers.com/palette/3428762/Fallout?widths=1 + */ +} \ No newline at end of file diff --git a/CSS/addons/unraid/login-page/fallout/fallout_base.css b/CSS/addons/unraid/login-page/fallout/fallout_base.css index c102abf1..24c5e667 100644 --- a/CSS/addons/unraid/login-page/fallout/fallout_base.css +++ b/CSS/addons/unraid/login-page/fallout/fallout_base.css @@ -1 +1,195 @@ -@import url(https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css);@import url(https://fonts.googleapis.com/css?family=Share+Tech+Mono&display=swap);@import url(https://fonts.googleapis.com/css?family=VT323);*{outline:0}@media (max-width:500px){#login{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);position:absolute;top:0;left:0;bottom:0;right:0;height:100%;width:100%;border-radius:none!important}#video-bg-elem,.background-wrap{display:none}}html{background:var(--main-bg-color)!important}body{background:var(--main-bg-color)!important;position:absolute;top:0;left:0;bottom:0;right:0;height:100%;width:100%;overflow:hidden}@media only screen and (max-width:768px){#login{min-width:300px}}.background-wrap{position:fixed;z-index:-1000;width:100%;height:100%;overflow:hidden;top:0;left:0}#video-bg-elem{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}#login .error,#login h1,#login h2{color:var(--text-color)!important}#login a{color:var(--link-color)}#login a:hover{color:var(--link-color-hover)}#login input{color:var(--input-color)}#login ::placeholder{color:var(--input-color)}#login ::-webkit-input-placeholder{color:var(--input-color)}#login ::-moz-placeholder{color:var(--input-color)}#login :-ms-input-placeholder{color:var(--input-color)}#login :-moz-placeholder{color:var(--input-color)}#login input:focus::-webkit-input-placeholder{color:transparent!important}#login input:focus:-moz-placeholder{color:transparent!important}#login input:focus::-moz-placeholder{color:transparent!important}#login input:focus:-ms-input-placeholder{color:transparent!important}#login .button,#login .error,#login a,#login h1,#login h2{font-family:var(--text-font)}#login [class*=' case-'],#login [class^=case-]{font-family:cases!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;color:var(--case-color)}#login [type=password],#login [type=text]{font-family:var(--input-font);background-color:rgba(0,0,0,.25);border:2px solid transparent;text-transform:uppercase;border-radius:5px}#login [type=password]:active,#login [type=password]:focus,#login [type=text]:active,#login [type=text]:focus{font-family:var(--input-font);background-color:rgba(0,0,0,.25);border:2px solid transparent;text-transform:uppercase}#login .button{color:var(--button-text-color);background:linear-gradient(90deg,var(--button-color2) 0,var(--button-color)) 0 0 no-repeat,linear-gradient(90deg,var(--button-color2) 0,var(--button-color)) 0 100% no-repeat,linear-gradient(0deg,var(--button-color2) 0,var(--button-color2)) 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-color2)),to(var(--button-color))) 0 0 no-repeat,-webkit-gradient(linear,left top,right top,from(var(--button-color2)),to(var(--button-color))) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(var(--button-color2)),to(var(--button-color2))) 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%}#login .button:hover{color:var(--button-text-color-hover);background-color:var(--button-color);background:-webkit-gradient(linear,left top,right top,from(var(--button-color2)),to(var(--button-color)));background:linear-gradient(90deg,var(--button-color2) 0,var(--button-color))}#login{background:var(--div-background-color-15)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-top:1rem;position:absolute;left:50%;top:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);margin:0!important;text-transform:uppercase;min-width:300px}#login .angle:after{display:none}#login .wordmark{display:none}#login .logo{background:var(--logo);background-size:contain;padding:2rem;border-radius:0;margin:0 1rem 0 1rem}#login .error{animation-name:shake;animation-duration:.8s} \ No newline at end of file +@import "https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css"; +@import "https://fonts.googleapis.com/css?family=Share+Tech+Mono&display=swap"; +@import "https://fonts.googleapis.com/css?family=VT323"; + + +* { + outline: none; +} + +@media (max-width: 500px) { + #login { + -webkit-backdrop-filter: blur(0px); + backdrop-filter: blur(0px); + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + height: 100%; + width: 100%; + border-radius: none !important; + } + .background-wrap,#video-bg-elem {display: none;} +} + +html { + background: var(--main-bg-color) !important; +} +body { + background: var(--main-bg-color) !important; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + height: 100%; + width: 100%; + overflow: hidden; +} +@media only screen and (max-width: 768px) { + #login { + min-width: 300px; + } +} +/*FOR VIDEO BACKGROUND*/ +.background-wrap { + position: fixed; + z-index: -1000; + width: 100%; + height: 100%; + overflow: hidden; + top: 0; + left: 0; +} +#video-bg-elem { + display: block; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + z-index: 1; +} +/*TEXT COLOR*/ +#login h1, +#login h2, +#login .error { + color: var(--text-color) !important; +} +#login a { + color: var(--link-color); +} +#login a:hover { + color: var(--link-color-hover); +} +#login input { + color: var(--input-color); +} +#login ::placeholder { + color: var(--input-color); +} +#login ::-webkit-input-placeholder { + color: var(--input-color); +} +#login ::-moz-placeholder { + color: var(--input-color); +} +#login :-ms-input-placeholder { + color: var(--input-color); +} +#login :-moz-placeholder { + color: var(--input-color); +} +#login input:focus::-webkit-input-placeholder { + color: transparent !important; +} +#login input:focus:-moz-placeholder { + color: transparent !important; +} +#login input:focus::-moz-placeholder { + color: transparent !important; +} +#login input:focus:-ms-input-placeholder { + color: transparent !important; +} + +/*TEXT FONT*/ +#login h1, +#login h2, +#login a, +#login .button, +#login .error { + font-family: var(--text-font); +} + +/* CASE COLOR */ +#login [class^='case-'], +#login [class*=' case-'] { + font-family: cases!important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + color: var(--case-color); +} +/*INPUT FORMS*/ +#login [type=text], +#login [type=password] { + font-family: var(--input-font); + background-color: rgba(0, 0, 0, 0.25); + border: 2px solid transparent; + text-transform: uppercase; + border-radius: 5px; +} +#login [type=text]:active, +#login [type=text]:focus, +#login [type=password]:active, +#login [type=password]:focus { + font-family: var(--input-font); + background-color: rgba(0, 0, 0, 0.25); + border: 2px solid transparent; + text-transform: uppercase; + +} + + +/*BUTTON*/ +#login .button { + color: var(--button-text-color); + background: linear-gradient(90deg, var(--button-color2) 0, var(--button-color)) 0 0 no-repeat, linear-gradient(90deg, var(--button-color2) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color2) 0, var(--button-color2)) 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-color2)), to(var(--button-color))) 0 0 no-repeat, -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color2)), to(var(--button-color2))) 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%; +} +#login .button:hover { + color: var(--button-text-color-hover); + background-color: var(--button-color); + background: -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color))); + background: linear-gradient(90deg, var(--button-color2) 0, var(--button-color)); +} + + +#login { + background: var(--div-background-color-15) !important; + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + padding-top: 1rem; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%) !; + -ms-transform: translate(-50%, -50%); + -webkit-transform: translate(-50%, -50%); + margin: 0 !important; + text-transform: uppercase; + min-width: 300px; +} + +#login .angle:after { + display: none; +} +#login .wordmark { + display: none; +} + +#login .logo { + background: var(--logo); + background-size: contain; + padding: 2rem; + border-radius: 0; + margin: 0rem 1rem 0rem 1rem; +} +#login .error { + animation-name: shake; + animation-duration: .8s; +} diff --git a/CSS/addons/unraid/login-page/fallout/fallout_video.css b/CSS/addons/unraid/login-page/fallout/fallout_video.css index cb78655e..f705c1b2 100644 --- a/CSS/addons/unraid/login-page/fallout/fallout_video.css +++ b/CSS/addons/unraid/login-page/fallout/fallout_video.css @@ -1 +1,35 @@ -@import url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/fallout_base.css);:root{--main-bg-color:transparent;--logo:url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/logo/vault-tec_green.png) center no-repeat;--text-color:#14F074;--input-color:#14F074;--link-color:#14F074;--link-color-hover:#0C833D;--case-color:#14F074;--button-text-color:#14F074;--button-text-color-hover:#FFFFFF;--button-color:#14F074;--button-color2:#0C833D;--input-font:'Share Tech Mono',monospace;--text-font:'Share Tech Mono',monospace;--div-background-color-15:#0ea85118}@media (max-width:500px){body{background:url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/wallpaper/terminal.jpg) center center/cover no-repeat fixed!important}:root{--div-background-color-15:transparent}} \ No newline at end of file +@import url("https://theme-park.dev/CSS/addons/unraid/login-page/fallout/fallout_base.css"); +:root { + --main-bg-color: transparent; + --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/logo/vault-tec_green.png) center no-repeat; + --text-color: #14F074; + --input-color: #14F074; + --link-color: #14F074; + --link-color-hover: #0C833D; + --case-color: #14F074; + --button-text-color: #14F074; + --button-text-color-hover: #FFFFFF; + --button-color: #14F074; + --button-color2: #0C833D; + --input-font: 'Share Tech Mono', monospace; + --text-font: 'Share Tech Mono', monospace; + --div-background-color-15: #0ea85118; + + /* Replace the variables if you have a dark background */ + /* Light colors for dark backgrounds */ + /* + --div-background-color-15: rgba(255, 255, 255, 0.15); + https://www.transparenttextures.com/patterns/hexellence.png + https://www.transparenttextures.com/patterns/gplay.png + https://www.transparenttextures.com/patterns/simple-horizontal-light.png + https://www.colourlovers.com/palette/3428762/Fallout?widths=1 + */ +} +@media (max-width: 500px) { + body { + background: url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/wallpaper/terminal.jpg) center center/cover no-repeat fixed !important; + } + :root { + --div-background-color-15: transparent; + } +} \ No newline at end of file diff --git a/CSS/addons/unraid/login-page/fallout/js/please_stand_by.js b/CSS/addons/unraid/login-page/fallout/js/please_stand_by.js index 05772f21..0984d3bc 100644 --- a/CSS/addons/unraid/login-page/fallout/js/please_stand_by.js +++ b/CSS/addons/unraid/login-page/fallout/js/please_stand_by.js @@ -1,3 +1,7 @@ -let video=` +// Adds a video background +// Source: https://www.youtube.com/watch?v=ehvduomE0AU + +let video = `
-`;document.body.innerHTML+="\n
\n"; \ No newline at end of file +` +document.body.innerHTML += video diff --git a/CSS/addons/unraid/login-page/fallout/js/vault-tec-crt.js b/CSS/addons/unraid/login-page/fallout/js/vault-tec-crt.js index ccba5b66..f9111620 100644 --- a/CSS/addons/unraid/login-page/fallout/js/vault-tec-crt.js +++ b/CSS/addons/unraid/login-page/fallout/js/vault-tec-crt.js @@ -1,3 +1,7 @@ -let video=` +// Adds a video background +// Source: https://steamcommunity.com/sharedfiles/filedetails/?id=920035918 + +let video = `
-`;document.body.innerHTML+="\n
\n"; \ No newline at end of file +` +document.body.innerHTML += video; diff --git a/CSS/addons/unraid/login-page/fallout/js/vault-tec-crt_no-scanline.js b/CSS/addons/unraid/login-page/fallout/js/vault-tec-crt_no-scanline.js index 98b44892..7601f789 100644 --- a/CSS/addons/unraid/login-page/fallout/js/vault-tec-crt_no-scanline.js +++ b/CSS/addons/unraid/login-page/fallout/js/vault-tec-crt_no-scanline.js @@ -1,3 +1,7 @@ -let video=` +// Adds a video background +// Source: https://www.youtube.com/watch?v=ehvduomE0AU + +let video = `
-`;document.body.innerHTML+="\n
\n"; \ No newline at end of file +` +document.body.innerHTML += video diff --git a/CSS/addons/unraid/login-page/fallout/terminal.css b/CSS/addons/unraid/login-page/fallout/terminal.css index 158207e5..5f6e626c 100644 --- a/CSS/addons/unraid/login-page/fallout/terminal.css +++ b/CSS/addons/unraid/login-page/fallout/terminal.css @@ -1 +1,27 @@ -@import url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/fallout_base.css);:root{--main-bg-color:url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/wallpaper/terminal.jpg) center center/cover no-repeat fixed;--logo:url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/logo/vault-tec_green.png) center no-repeat;--text-color:#14F074;--input-color:#14F074;--link-color:#14F074;--link-color-hover:#0C833D;--case-color:#14F074;--button-text-color:#14F074;--button-text-color-hover:#FFFFFF;--button-color:#14F074;--button-color2:#0C833D;--input-font:'Share Tech Mono',monospace;--text-font:'Share Tech Mono',monospace;--div-background-color-15:rgba(0, 0, 0, 0.25)} \ No newline at end of file +@import url("https://theme-park.dev/CSS/addons/unraid/login-page/fallout/fallout_base.css"); +:root { + --main-bg-color: url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/wallpaper/terminal.jpg) center center/cover no-repeat fixed; + --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/logo/vault-tec_green.png) center no-repeat; + --text-color: #14F074; + --input-color: #14F074; + --link-color: #14F074; + --link-color-hover: #0C833D; + --case-color: #14F074; + --button-text-color: #14F074; + --button-text-color-hover: #FFFFFF; + --button-color: #14F074; + --button-color2: #0C833D; + --input-font: 'Share Tech Mono', monospace; + --text-font: 'Share Tech Mono', monospace; + --div-background-color-15: rgba(0, 0, 0, 0.25); + + /* Replace the variables if you have a dark background */ + /* Light colors for dark backgrounds */ + /* + --div-background-color-15: rgba(255, 255, 255, 0.15); + https://www.transparenttextures.com/patterns/hexellence.png + https://www.transparenttextures.com/patterns/gplay.png + https://www.transparenttextures.com/patterns/simple-horizontal-light.png + https://www.colourlovers.com/palette/3428762/Fallout?widths=1 + */ +} \ No newline at end of file diff --git a/CSS/addons/unraid/login-page/fallout/terminal2.css b/CSS/addons/unraid/login-page/fallout/terminal2.css index 3261dff9..35075049 100644 --- a/CSS/addons/unraid/login-page/fallout/terminal2.css +++ b/CSS/addons/unraid/login-page/fallout/terminal2.css @@ -1 +1,27 @@ -@import url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/fallout_base.css);:root{--main-bg-color:url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/wallpaper/terminal2.jpg) center center/cover no-repeat fixed;--logo:url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/logo/vault-tec_green.png) center no-repeat;--text-color:#14F074;--input-color:#14F074;--link-color:#14F074;--link-color-hover:#0C833D;--case-color:#14F074;--button-text-color:#14F074;--button-text-color-hover:#FFFFFF;--button-color:#14F074;--button-color2:#0C833D;--input-font:'Share Tech Mono',monospace;--text-font:'Share Tech Mono',monospace;--div-background-color-15:rgba(0, 0, 0, 0.25)} \ No newline at end of file +@import url("https://theme-park.dev/CSS/addons/unraid/login-page/fallout/fallout_base.css"); +:root { + --main-bg-color: url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/wallpaper/terminal2.jpg) center center/cover no-repeat fixed; + --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/logo/vault-tec_green.png) center no-repeat; + --text-color: #14F074; + --input-color: #14F074; + --link-color: #14F074; + --link-color-hover: #0C833D; + --case-color: #14F074; + --button-text-color: #14F074; + --button-text-color-hover: #FFFFFF; + --button-color: #14F074; + --button-color2: #0C833D; + --input-font: 'Share Tech Mono', monospace; + --text-font: 'Share Tech Mono', monospace; + --div-background-color-15: rgba(0, 0, 0, 0.25); + + /* Replace the variables if you have a dark background */ + /* Light colors for dark backgrounds */ + /* + --div-background-color-15: rgba(255, 255, 255, 0.15); + https://www.transparenttextures.com/patterns/hexellence.png + https://www.transparenttextures.com/patterns/gplay.png + https://www.transparenttextures.com/patterns/simple-horizontal-light.png + https://www.colourlovers.com/palette/3428762/Fallout?widths=1 + */ +} \ No newline at end of file diff --git a/CSS/addons/unraid/login-page/retro-terminal/amber.css b/CSS/addons/unraid/login-page/retro-terminal/amber.css index d2c3d211..02f656c8 100644 --- a/CSS/addons/unraid/login-page/retro-terminal/amber.css +++ b/CSS/addons/unraid/login-page/retro-terminal/amber.css @@ -1 +1,33 @@ -@import url(https://theme-park.dev/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css);:root{--main-bg-color:black;--body-before:#ffb52a1a;--body-after:#ffb52a33;--body-animation:flicker;--logo:url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_yellow.png) center no-repeat;--text-color:#ffb52a;--input-color:#ffb52a;--link-color:#ffb52a;--link-color-hover:#ff6868;--case-color:#ffb52a;--button-text-color:#ffb52a;--button-text-color-hover:#000;--button-color:#ffb52a;--button-color-hover:#ff6868;--selection-color:#ff6868;--custom-text-header:#ffb52a;--custom-text-header-shadow:#ffb52a;--custom-text-header-animation:textflicker;--input-font:'Share Tech Mono',monospace;--text-font:'Share Tech Mono',monospace;--loginbox-background-color:transparent;--text-shadow:0 0 8px;--text-shadow-color:#ffb52a;--box-shadow:0 0 15px} \ No newline at end of file +/*_____________________AMBER_THEME______________________*/ +/* --body-before:#00ff771a; /* This is the background that creates the crt lines, background uses a transparency of 10% SET TO NONE TO REMOVE CRT EFFECT */ +/* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% SET TO NONE TO REMOVE CRT EFFECT */ +/* --body-animation: flicker; This is the background that flickers. SET TO NONE TO REMOVE THE FLICKER ANIMATION! */ +/* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */ + +@import url(https://theme-park.dev/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css); +:root { +--main-bg-color:black; +--body-before:#ffb52a1a; +--body-after: #ffb52a33; +--body-animation: flicker; +--logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_yellow.png) center no-repeat; +--text-color: #ffb52a; +--input-color: #ffb52a; +--link-color: #ffb52a; +--link-color-hover: #ff6868; +--case-color: #ffb52a; +--button-text-color: #ffb52a; +--button-text-color-hover: #000; +--button-color: #ffb52a; +--button-color-hover: #ff6868; +--selection-color: #ff6868; +--custom-text-header:#ffb52a; +--custom-text-header-shadow:#ffb52a; +--custom-text-header-animation: textflicker; +--input-font: 'Share Tech Mono', monospace; +--text-font: 'Share Tech Mono', monospace; +--loginbox-background-color: transparent; +--text-shadow: 0 0 8px; +--text-shadow-color: #ffb52a; +--box-shadow: 0 0 15px; +} diff --git a/CSS/addons/unraid/login-page/retro-terminal/blue.css b/CSS/addons/unraid/login-page/retro-terminal/blue.css index 1b3a4a96..776f4922 100644 --- a/CSS/addons/unraid/login-page/retro-terminal/blue.css +++ b/CSS/addons/unraid/login-page/retro-terminal/blue.css @@ -1 +1,33 @@ -@import url(https://theme-park.dev/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css);:root{--main-bg-color:black;--body-before:#70d7f61a;--body-after:#70d7f633;--body-animation:flicker;--logo:url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_blue.png) center no-repeat;--text-color:#70d7f6;--input-color:#70d7f6;--link-color:#70d7f6;--link-color-hover:#8f2809;--case-color:#70d7f6;--button-text-color:#70d7f6;--button-text-color-hover:#000;--button-color:#70d7f6;--button-color-hover:#8f2809;--selection-color:#8f2809;--custom-text-header:#70d7f6;--custom-text-header-shadow:#70d7f6;--custom-text-header-animation:textflicker;--input-font:'Share Tech Mono',monospace;--text-font:'Share Tech Mono',monospace;--loginbox-background-color:transparent;--text-shadow:0 0 8px;--text-shadow-color:#70d7f6;--box-shadow:0 0 15px} \ No newline at end of file +/*_____________________BLUE_THEME______________________*/ +/* --body-before:#00ff771a; /* This is the background that creates the crt lines, background uses a transparency of 10% SET TO NONE TO REMOVE CRT EFFECT */ +/* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% SET TO NONE TO REMOVE CRT EFFECT */ +/* --body-animation: flicker; This is the background that flickers. SET TO NONE TO REMOVE THE FLICKER ANIMATION! */ +/* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */ + +@import url(https://theme-park.dev/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css); +:root { +--main-bg-color:black; +--body-before:#70d7f61a; +--body-after: #70d7f633; +--body-animation: flicker; +--logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_blue.png) center no-repeat; +--text-color: #70d7f6; +--input-color: #70d7f6; +--link-color: #70d7f6; +--link-color-hover: #8f2809; +--case-color: #70d7f6; +--button-text-color: #70d7f6; +--button-text-color-hover: #000; +--button-color: #70d7f6; +--button-color-hover: #8f2809; +--selection-color: #8f2809; +--custom-text-header:#70d7f6; +--custom-text-header-shadow:#70d7f6; +--custom-text-header-animation: textflicker; +--input-font: 'Share Tech Mono', monospace; +--text-font: 'Share Tech Mono', monospace; +--loginbox-background-color: transparent; +--text-shadow: 0 0 8px; +--text-shadow-color: #70d7f6; +--box-shadow: 0 0 15px; +} \ No newline at end of file diff --git a/CSS/addons/unraid/login-page/retro-terminal/custom.css b/CSS/addons/unraid/login-page/retro-terminal/custom.css index 5ceebb0b..4a050a3f 100644 --- a/CSS/addons/unraid/login-page/retro-terminal/custom.css +++ b/CSS/addons/unraid/login-page/retro-terminal/custom.css @@ -1 +1,33 @@ -@import url(https://theme-park.dev/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css);:root{--main-bg-color:black;--body-before:#70d7f61a;--body-after:#70d7f633;--body-animation:flicker;--logo:url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_shadow.png) center no-repeat;--text-color:#ffffff;--input-color:#ffffff;--link-color:#ffffff;--link-color-hover:#8f2809;--case-color:#ffffff;--button-text-color:#ffffff;--button-text-color-hover:#000;--button-color:#ffffff;--button-color-hover:#af0606;--selection-color:#8f2809;--custom-text-header:#ffffff;--custom-text-header-shadow:#ffffff;--custom-text-header-animation:textflicker;--input-font:'Share Tech Mono',monospace;--text-font:'Share Tech Mono',monospace;--loginbox-background-color:transparent;--text-shadow:0 0 8px;--text-shadow-color:#ffffff;--box-shadow:0 0 15px} \ No newline at end of file +/*_____________________CUSTOM_THEME______________________*/ +/* --body-before:#00ff771a; /* This is the background that creates the crt lines, background uses a transparency of 10% SET TO NONE TO REMOVE CRT EFFECT */ +/* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% SET TO NONE TO REMOVE CRT EFFECT */ +/* --body-animation: flicker; This is the background that flickers. SET TO NONE TO REMOVE THE FLICKER ANIMATION! */ +/* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */ + +@import url(https://theme-park.dev/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css); +:root { +--main-bg-color:black; +--body-before:#70d7f61a; +--body-after: #70d7f633; +--body-animation: flicker; +--logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_shadow.png) center no-repeat; +--text-color: #ffffff; +--input-color: #ffffff; +--link-color: #ffffff; +--link-color-hover: #8f2809; +--case-color: #ffffff; +--button-text-color: #ffffff; +--button-text-color-hover: #000; +--button-color: #ffffff; +--button-color-hover: #af0606; +--selection-color: #8f2809; +--custom-text-header:#ffffff; +--custom-text-header-shadow:#ffffff; +--custom-text-header-animation: textflicker; +--input-font: 'Share Tech Mono', monospace; +--text-font: 'Share Tech Mono', monospace; +--loginbox-background-color: transparent; +--text-shadow: 0 0 8px; +--text-shadow-color: #ffffff; +--box-shadow: 0 0 15px; +} \ No newline at end of file diff --git a/CSS/addons/unraid/login-page/retro-terminal/green.css b/CSS/addons/unraid/login-page/retro-terminal/green.css index d1bfe811..703ea04e 100644 --- a/CSS/addons/unraid/login-page/retro-terminal/green.css +++ b/CSS/addons/unraid/login-page/retro-terminal/green.css @@ -1 +1,33 @@ -@import url(https://theme-park.dev/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css);:root{--main-bg-color:black;--body-before:#00ff771a;--body-after:#00ff7733;--body-animation:flicker;--logo:url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat;--text-color:#37f592;--input-color:#37f592;--link-color:#37f592;--link-color-hover:#68ffff;--case-color:#37f592;--button-text-color:#37f592;--button-text-color-hover:#000;--button-color:#37f592;--button-color-hover:#68ffff;--selection-color:#68ffff;--custom-text-header:#37f592;--custom-text-header-shadow:#37f592;--custom-text-header-animation:textflicker;--input-font:'Share Tech Mono',monospace;--text-font:'Share Tech Mono',monospace;--loginbox-background-color:transparent;--text-shadow:0 0 8px;--text-shadow-color:#37f592;--box-shadow:0 0 15px} \ No newline at end of file +/*_____________________GREEN_THEME______________________*/ +/* --body-before:#00ff771a; /* This is the background that creates the crt lines, background uses a transparency of 10% SET TO NONE TO REMOVE CRT EFFECT */ +/* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% SET TO NONE TO REMOVE CRT EFFECT */ +/* --body-animation: flicker; This is the background that flickers. SET TO NONE TO REMOVE THE FLICKER ANIMATION! */ +/* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */ + +@import url(https://theme-park.dev/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css); +:root { +--main-bg-color:black; +--body-before:#00ff771a; +--body-after: #00ff7733; +--body-animation: flicker; +--logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat; +--text-color: #37f592; +--input-color: #37f592; +--link-color: #37f592; +--link-color-hover: #68ffff; +--case-color: #37f592; +--button-text-color: #37f592; +--button-text-color-hover: #000; +--button-color: #37f592; +--button-color-hover: #68ffff; +--selection-color: #68ffff; +--custom-text-header:#37f592; +--custom-text-header-shadow:#37f592; +--custom-text-header-animation: textflicker; +--input-font: 'Share Tech Mono', monospace; +--text-font: 'Share Tech Mono', monospace; +--loginbox-background-color: transparent; +--text-shadow: 0 0 8px; +--text-shadow-color: #37f592; +--box-shadow: 0 0 15px; +} \ No newline at end of file diff --git a/CSS/addons/unraid/login-page/retro-terminal/js/custom_text_header.js b/CSS/addons/unraid/login-page/retro-terminal/js/custom_text_header.js index 6c6b0e21..3316325c 100644 --- a/CSS/addons/unraid/login-page/retro-terminal/js/custom_text_header.js +++ b/CSS/addons/unraid/login-page/retro-terminal/js/custom_text_header.js @@ -1,8 +1,16 @@ -let custom_text_header=` + + //Custom Text Header // + // ACSII slant font + +// Needs to be inside
+// You must escape any backward slashes. "\\" + +let custom_text_header = ` 
                     __                             ___       __  
    ____  ____  _____/ /__________  ____ ___  ____  / (_)___  / /__
   / __ \\/ __ \\/ ___/ __/ ___/ __ \\/ __ '__ \\/ __ \\/ / / __ \\/ //_/
  / / / / /_/ (__  ) /_/ /  / /_/ / / / / / / /_/ / / / / / / ,<   
 /_/ /_/\\____/____/\\__/_/   \\____/_/ /_/ /_/\\____/_/_/_/ /_/_/|_|
-`;document.getElementById("login").innerHTML+="\n
                     __                             ___       __  \n   ____  ____  _____/ /__________  ____ ___  ____  / (_)___  / /__\n  / __ \\/ __ \\/ ___/ __/ ___/ __ \\/ __ '__ \\/ __ \\/ / / __ \\/ //_/\n / / / / /_/ (__  ) /_/ /  / /_/ / / / / / / /_/ / / / / / / ,<   \n/_/ /_/\\____/____/\\__/_/   \\____/_/ /_/ /_/\\____/_/_/_/ /_/_/|_|  \n
\n"; \ No newline at end of file +`; +document.getElementById("login").innerHTML += custom_text_header \ No newline at end of file diff --git a/CSS/addons/unraid/login-page/retro-terminal/red.css b/CSS/addons/unraid/login-page/retro-terminal/red.css index 5ad11eb3..1d8152a7 100644 --- a/CSS/addons/unraid/login-page/retro-terminal/red.css +++ b/CSS/addons/unraid/login-page/retro-terminal/red.css @@ -1 +1,33 @@ -@import url(https://theme-park.dev/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css);:root{--main-bg-color:black;--body-before:#ff00001a;--body-after:#ff000033;--body-animation:flicker;--logo:url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_red.png) center no-repeat;--text-color:#e22828;--input-color:#e22828;--link-color:#e22828;--link-color-hover:#ffffff;--case-color:#e22828;--button-text-color:#e22828;--button-text-color-hover:#000;--button-color:#e22828;--button-color-hover:#ffffff;--selection-color:#ffffff;--custom-text-header:#e22828;--custom-text-header-shadow:#e22828;--custom-text-header-animation:textflicker;--input-font:'Share Tech Mono',monospace;--text-font:'Share Tech Mono',monospace;--loginbox-background-color:transparent;--text-shadow:0 0 8px;--text-shadow-color:#e22828;--box-shadow:0 0 15px} \ No newline at end of file +/*_____________________RED_THEME______________________*/ +/* --body-before:#00ff771a; /* This is the background that creates the crt lines, background uses a transparency of 10% SET TO NONE TO REMOVE CRT EFFECT */ +/* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% SET TO NONE TO REMOVE CRT EFFECT */ +/* --body-animation: flicker; This is the background that flickers. SET TO NONE TO REMOVE THE FLICKER ANIMATION! */ +/* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */ + +@import url(https://theme-park.dev/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css); +:root { +--main-bg-color: black; +--body-before: #ff00001a; +--body-after: #ff000033; +--body-animation: flicker; +--logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_red.png) center no-repeat; +--text-color: #e22828; +--input-color: #e22828; +--link-color: #e22828; +--link-color-hover: #ffffff; +--case-color: #e22828; +--button-text-color: #e22828; +--button-text-color-hover: #000; +--button-color: #e22828; +--button-color-hover: #ffffff; +--selection-color: #ffffff; +--custom-text-header: #e22828; +--custom-text-header-shadow: #e22828; +--custom-text-header-animation: textflicker; +--input-font: 'Share Tech Mono', monospace; +--text-font: 'Share Tech Mono', monospace; +--loginbox-background-color: transparent; +--text-shadow: 0 0 8px; +--text-shadow-color: #e22828; +--box-shadow: 0 0 15px; +} \ No newline at end of file diff --git a/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css b/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css index a546f63a..40a56684 100644 --- a/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css +++ b/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css @@ -1 +1,362 @@ -@import url(https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css);@import url(https://fonts.googleapis.com/css?family=Share+Tech+Mono&display=swap);@import url(https://fonts.googleapis.com/css?family=VT323);*{outline:0}@media (max-width:500px){#login{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);position:absolute;padding-top:0!important;top:0;left:0;bottom:0;right:0;height:100%;width:100%;border-radius:none!important}#video-bg-elem,.background-wrap,.custom-text-header{display:none}#login{border:none!important}}html{background:var(--main-bg-color)!important}body{background:var(--main-bg-color)!important}body::before{content:"";background:radial-gradient(ellipse at center,var(--body-before) 0,#000 100%)!important;background-repeat:repeat-y!important;background-size:100% 4px!important;position:absolute;top:0;left:0;bottom:0;right:0;height:100%;width:100%;overflow:hidden;animation:var(--body-animation) 10ms infinite;pointer-events:none}body::after{content:"";background:radial-gradient(ellipse at center,var(--body-after) 0,rgba(0,0,0,.6) 80%) center center/cover no-repeat fixed,linear-gradient(#0000 0,#0000 0)!important;background-repeat:repeat-y!important;background-size:100% 4px!important;position:absolute;top:0;left:0;bottom:0;right:0;height:100%;width:100%;overflow:hidden;pointer-events:none}@keyframes flicker{0%{opacity:.37633}5%{opacity:.70002}10%{opacity:.64427}15%{opacity:.35591}20%{opacity:.34054}25%{opacity:.54917}30%{opacity:.41056}35%{opacity:.67637}40%{opacity:.23681}45%{opacity:.64945}50%{opacity:.67522}55%{opacity:.56049}60%{opacity:.06113}65%{opacity:.95766}70%{opacity:.77945}75%{opacity:.33817}80%{opacity:.19735}85%{opacity:.84337}90%{opacity:.82867}95%{opacity:.65512}100%{opacity:.15179}}@media only screen and (max-width:768px){#login{min-width:300px}}.background-wrap{position:fixed;z-index:-1000;width:100%;height:100%;overflow:hidden;top:0;left:0}#video-bg-elem{position:absolute;top:0;left:0;min-height:100%;min-width:100%}#login .error,#login h1,#login h2{color:var(--text-color)!important;text-shadow:var(--text-shadow) var(--text-shadow-color)}#login a{color:var(--link-color);text-shadow:var(--text-shadow) var(--text-shadow-color)}#login a:hover{color:var(--link-color-hover);text-shadow:var(--text-shadow) var(--text-shadow-color)}#login input{color:var(--input-color);text-shadow:0 0 5px var(--text-shadow-color)}#login ::placeholder{color:var(--input-color);text-shadow:0 0 5px var(--text-shadow-color)}#login ::-webkit-input-placeholder{color:var(--input-color);text-shadow:0 0 5px var(--text-shadow-color)}#login ::-moz-placeholder{color:var(--input-color);text-shadow:0 0 5px var(--text-shadow-color)}#login :-ms-input-placeholder{color:var(--input-color);text-shadow:0 0 5px var(--text-shadow-color)}#login :-moz-placeholder{color:var(--input-color);text-shadow:0 0 5px var(--text-shadow-color)}#login input:focus::-webkit-input-placeholder{color:transparent!important;text-shadow:0 0 0 transparent}#login input:focus:-moz-placeholder{color:transparent!important;text-shadow:0 0 0 transparent}#login input:focus::-moz-placeholder{color:transparent!important;text-shadow:0 0 0 transparent}#login input:focus:-ms-input-placeholder{color:transparent!important;text-shadow:0 0 0 transparent}#login .button,#login .error,#login a,#login h1,#login h2{font-family:var(--text-font);-webkit-font-smoothing:none;line-height:1.2}h1{font-size:3em;margin:0}#login [class*=' case-'],#login [class^=case-]{font-family:cases!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;color:var(--case-color);text-shadow:var(--text-shadow) var(--text-shadow-color)}#login [type=password],#login [type=text]{font-family:var(--input-font);background-color:rgba(0,0,0,.25);border:2px solid transparent;text-transform:uppercase;border-radius:0;border:3px solid var(--text-color);color:var(--text-color)}#login [type=password]:active,#login [type=password]:focus,#login [type=text]:active,#login [type=text]:focus{font-family:var(--input-font);background-color:rgba(0,0,0,.25);text-transform:uppercase}#login .button{color:var(--button-text-color);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%}#login .button:hover{color:var(--button-text-color-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))}#login{background:var(--loginbox-background-color)!important;padding-top:1rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);margin:0!important;text-transform:uppercase;min-width:300px;border-radius:0!important;border:3px dashed var(--text-color)}#login .angle::after{display:none}#login .wordmark svg{display:none}#login .logo{background:var(--logo);background-size:contain;padding:2rem;border-radius:0;margin:0 1rem 0 1rem}logo.angle{-webkit-box-shadow:inset 0 0 0 2px var(--text-color)!important;box-shadow:inset 0 0 0 2px var(--text-color)!important;border-radius:0!important}#login .error{animation-name:shake;animation-duration:.7s}.custom-text-header{white-space:pre;letter-spacing:2px;font-family:var(--text-font);-webkit-font-smoothing:none;font-weight:900;line-height:1.5;color:var(--custom-text-header)!important;text-shadow:0 0 20px var(--custom-text-header-shadow);position:absolute;left:50%;top:-15%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);animation-duration:10ms;animation-name:var(--custom-text-header-animation);animation-iteration-count:infinite;animation-direction:alternate;font-weight:900}.custom-text-header:after{content:"";position:absolute;top:135px;right:-15px;background-color:var(--custom-text-header);vertical-align:top;width:20px;height:2px;-webkit-animation:blink 1s step-end infinite;animation:blink 1s step-end infinite}@-webkit-keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@keyframes textflicker{from{text-shadow:1px 0 0 #ea36af,-2px 0 0 #75fa69;border:10px 0 0 #ea36af,-2px 0 0 #75fa69}to{text-shadow:2px .5px 2px #ea36af,-1px -.5px 2px #75fa69;border:2px .5px 2px #ea36af,-1px -.5px 2px #75fa69}}::selection{background:var(--selection-color)}::-moz-selection{background:var(--selection-color)} \ No newline at end of file +@import "https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css"; +@import "https://fonts.googleapis.com/css?family=Share+Tech+Mono&display=swap"; +@import "https://fonts.googleapis.com/css?family=VT323"; + +/*___FONTS___*/ +/* 'VT323', 'Share Tech Mono' */ + /* Replace the variables if you have a dark background */ + /* Light colors for dark backgrounds */ + /* + --div-background-color-15: rgba(255, 255, 255, 0.15); + + https://www.transparenttextures.com/patterns/hexellence.png + https://www.transparenttextures.com/patterns/gplay.png + https://www.transparenttextures.com/patterns/simple-horizontal-light.png + https://www.colourlovers.com/palette/3428762/Fallout?widths=1 + + https://codepen.io/meduzen/pen/zxbwRV + https://codepen.io/lbebber/pen/XJRdrV/ CRT KEY FRAMES + https://brennan.io/2017/06/14/alien-computer-card/ + https://www.cssmatic.com/noise-texture + + https://codepen.io/somethingformed/pen/raWJXV + + + ============ SOURCES ============= + https://github.com/brenns10/alien-console + https://github.com/Swordfish90/cool-retro-term + https://github.com/andersevenrud/retro-css-shell-demo CRT INTERLACE + https://codepen.io/lbebber/pen/XJRdrV/ CRT KEY FRAMES + https://codepen.io/patrickhlauke/pen/YaoBop TEXT FLIKER + + */ + + +* { + outline: none; +} + +@media (max-width: 500px) { + #login { + -webkit-backdrop-filter: blur(0px); + backdrop-filter: blur(0px); + position: absolute; + padding-top: 0rem !important; + top: 0; + left: 0; + bottom: 0; + right: 0; + height: 100%; + width: 100%; + border-radius: none !important; + } + .background-wrap,#video-bg-elem,.custom-text-header {display: none;} + #login { + border:none !important; + } +} + +html {background: var(--main-bg-color) !important;} +body {background: var(--main-bg-color) !important;} +/* CRT SCREEN FLICKER*/ +body::before { + content: ""; + background: radial-gradient(ellipse at center,var(--body-before) 0,rgb(0, 0, 0) 100%) !important; + background-repeat: repeat-y !important; + background-size: 100% 4px !important; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + height: 100%; + width: 100%; + overflow: hidden; + animation: var(--body-animation) 0.01s infinite; + pointer-events: none; +} +/* CRT BACKGROUND WITH LINES*/ +body::after { + content: ""; + background: radial-gradient(ellipse at center,var(--body-after) 0,rgba(0, 0, 0, 0.6) 80%) center center/cover no-repeat fixed, linear-gradient(#0000 0%,#0000 0%) !important; + background-repeat: repeat-y !important; + background-size: 100% 4px !important; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + height: 100%; + width: 100%; + overflow: hidden; + pointer-events: none; +} + +@keyframes flicker {0% {opacity: 0.37633;}5% {opacity: 0.70002;}10% {opacity: 0.64427;}15% {opacity: 0.35591;}20% {opacity: 0.34054;}25% {opacity: 0.54917;}30% {opacity: 0.41056;}35% {opacity: 0.67637;}40% {opacity: 0.23681;}45% {opacity: 0.64945;}50% {opacity: 0.67522;}55% {opacity: 0.56049;}60% {opacity: 0.06113;}65% {opacity: 0.95766;}70% {opacity: 0.77945;}75% {opacity: 0.33817;}80% {opacity: 0.19735;}85% {opacity: 0.84337;}90% {opacity: 0.82867;}95% {opacity: 0.65512;}100% {opacity: 0.15179;}} + +@media only screen and (max-width: 768px) { + #login { + min-width: 300px; + } +} +/*FOR VIDEO BACKGROUND*/ +.background-wrap { + position: fixed; + z-index: -1000; + width: 100%; + height: 100%; + overflow: hidden; + top: 0; + left: 0; +} +#video-bg-elem { + position: absolute; + top: 0; + left: 0; + min-height: 100%; + min-width: 100%; +} +/*TEXT COLOR*/ +#login h1, +#login h2, +#login .error { + color: var(--text-color) !important; + text-shadow: var(--text-shadow) var(--text-shadow-color); +} +#login a { + color: var(--link-color); + text-shadow: var(--text-shadow) var(--text-shadow-color); +} +#login a:hover { + color: var(--link-color-hover); + text-shadow: var(--text-shadow) var(--text-shadow-color); +} +#login input { + color: var(--input-color); + text-shadow: 0 0 5px var(--text-shadow-color); +} +#login ::placeholder { + color: var(--input-color); + text-shadow: 0 0 5px var(--text-shadow-color); +} +#login ::-webkit-input-placeholder { + color: var(--input-color); + text-shadow: 0 0 5px var(--text-shadow-color); +} +#login ::-moz-placeholder { + color: var(--input-color); + text-shadow: 0 0 5px var(--text-shadow-color); +} +#login :-ms-input-placeholder { + color: var(--input-color); + text-shadow: 0 0 5px var(--text-shadow-color); +} +#login :-moz-placeholder { + color: var(--input-color); + text-shadow: 0 0 5px var(--text-shadow-color); +} +#login input:focus::-webkit-input-placeholder { + color: transparent !important; + text-shadow: 0 0 0px transparent; +} +#login input:focus:-moz-placeholder { + color: transparent !important; + text-shadow: 0 0 0px transparent; +} +#login input:focus::-moz-placeholder { + color: transparent !important; + text-shadow: 0 0 0px transparent; +} +#login input:focus:-ms-input-placeholder { + color: transparent !important; + text-shadow: 0 0 0px transparent; +} + +/*TEXT FONT*/ +#login h1, +#login h2, +#login a, +#login .button, +#login .error { + font-family: var(--text-font); + -webkit-font-smoothing: none; + line-height: 1.2; +} +h1 { + font-size: 3em; + margin: 0; +} + +/* CASE COLOR */ +#login [class^='case-'], +#login [class*=' case-'] { + font-family: cases!important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + color: var(--case-color); + text-shadow: var(--text-shadow) var(--text-shadow-color); +} +/*INPUT FORMS*/ +#login [type=text], +#login [type=password] { + font-family: var(--input-font); + background-color: rgba(0, 0, 0, 0.25); + border: 2px solid transparent; + text-transform: uppercase; + border-radius: 0px; + border: 3px solid var(--text-color); + color: var(--text-color); +} +#login [type=text]:active, +#login [type=text]:focus, +#login [type=password]:active, +#login [type=password]:focus { + font-family: var(--input-font); + background-color: rgba(0, 0, 0, 0.25); + text-transform: uppercase; +} + + + +/*BUTTON*/ +#login .button { + color: var(--button-text-color); + 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%; + +} +#login .button:hover { + color: var(--button-text-color-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)); +} + +/*LOGIN ID*/ +#login { + background: var(--loginbox-background-color) !important; + padding-top: 1rem; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + -webkit-transform: translate(-50%, -50%); + margin: 0 !important; + text-transform: uppercase; + min-width: 300px; + border-radius: 0px !important; + border: 3px dashed var(--text-color); +} +#login .angle::after { + display:none; +} +#login .wordmark svg { + display: none; +} +#login .logo { + background: var(--logo); + background-size: contain; + padding: 2rem; + border-radius: 0; + margin: 0rem 1rem 0rem 1rem; +} +logo.angle { + -webkit-box-shadow: inset 0px 0px 0px 2px var(--text-color) !important; + box-shadow: inset 0px 0px 0px 2px var(--text-color) !important; + border-radius: 0px !important; +} +#login .error { + animation-name: shake; + animation-duration: .7s; +} + +/*CUSTOM HEADER*/ +.custom-text-header { + white-space: pre; + letter-spacing: 2px; + font-family: var(--text-font); + -webkit-font-smoothing: none; + font-weight: 900; + line-height: 1.5; + color: var(--custom-text-header) !important; + text-shadow: 0 0 20px var(--custom-text-header-shadow); + position: absolute; + left: 50%; + top: -15%; + transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + -webkit-transform: translate(-50%, -50%); + animation-duration: 0.01s; + animation-name: var(--custom-text-header-animation); + animation-iteration-count: infinite; + animation-direction: alternate; + font-weight: 900; +} +.custom-text-header:after { + content: ""; + position: absolute; + top: 135px; + right: -15px; + background-color: var(--custom-text-header); + vertical-align: top; + width: 20px; + height: 2px; + -webkit-animation: blink 1s step-end infinite; + animation: blink 1s step-end infinite; +} +@-webkit-keyframes blink { + 0% { opacity: 1.0; } + 50% { opacity: 0.0; } + 100% { opacity: 1.0; } + } + + @keyframes blink { + 0% { opacity: 1.0; } + 50% { opacity: 0.0; } + 100% { opacity: 1.0; } + } + + @keyframes textflicker { + from { + text-shadow: 1px 0 0 #ea36af, -2px 0 0 #75fa69; + border: 10px 0 0 #ea36af, -2px 0 0 #75fa69; + } + to { + text-shadow: 2px 0.5px 2px #ea36af, -1px -0.5px 2px #75fa69; + border: 2px 0.5px 2px #ea36af, -1px -0.5px 2px #75fa69; + } + } + + ::selection { + background: var(--selection-color); /* WebKit/Blink Browsers */ + } + ::-moz-selection { + background: var(--selection-color); /* Gecko Browsers */ + } + + +/* + + __ ___ __ + ____ ____ _____/ /__________ ____ ___ ____ / (_)___ / /__ + / __ \/ __ \/ ___/ __/ ___/ __ \/ __ `__ \/ __ \/ / / __ \/ //_/ + / / / / /_/ (__ ) /_/ / / /_/ / / / / / / /_/ / / / / / / ,< +/_/ /_/\____/____/\__/_/ \____/_/ /_/ /_/\____/_/_/_/ /_/_/|_| + +*/ +/* +
                     __                             ___       __  
+   ____  ____  _____/ /__________  ____ ___  ____  / (_)___  / /__
+  / __ \/ __ \/ ___/ __/ ___/ __ \/ __ '__ \/ __ \/ / / __ \/ //_/
+ / / / / /_/ (__  ) /_/ /  / /_/ / / / / / / /_/ / / / / / / ,<   
+/_/ /_/\____/____/\__/_/   \____/_/ /_/ /_/\____/_/_/_/ /_/_/|_|  
+
+*/ diff --git a/CSS/addons/unraid/login-page/retro-terminal/white.css b/CSS/addons/unraid/login-page/retro-terminal/white.css index 5e72b55f..cd7fad18 100644 --- a/CSS/addons/unraid/login-page/retro-terminal/white.css +++ b/CSS/addons/unraid/login-page/retro-terminal/white.css @@ -1 +1,33 @@ -@import url(https://theme-park.dev/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css);:root{--main-bg-color:black;--body-before:#70d7f61a;--body-after:#70d7f633;--body-animation:flicker;--logo:url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_shadow.png) center no-repeat;--text-color:#ffffff;--input-color:#ffffff;--link-color:#ffffff;--link-color-hover:#af0606;--case-color:#ffffff;--button-text-color:#ffffff;--button-text-color-hover:#000;--button-color:#ffffff;--button-color-hover:#af0606;--selection-color:#8f2809;--custom-text-header:#ffffff;--custom-text-header-shadow:#ffffff;--custom-text-header-animation:textflicker;--input-font:'Share Tech Mono',monospace;--text-font:'Share Tech Mono',monospace;--loginbox-background-color:transparent;--text-shadow:0 0 8px;--text-shadow-color:#000000;--box-shadow:0 0 15px} \ No newline at end of file +/*_____________________WHITE_THEME______________________*/ +/* --body-before:#00ff771a; /* This is the background that creates the crt lines, background uses a transparency of 10% SET TO NONE TO REMOVE CRT EFFECT */ +/* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% SET TO NONE TO REMOVE CRT EFFECT */ +/* --body-animation: flicker; This is the background that flickers. SET TO NONE TO REMOVE THE FLICKER ANIMATION! */ +/* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */ + +@import url(https://theme-park.dev/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css); +:root { +--main-bg-color:black; +--body-before:#70d7f61a; +--body-after: #70d7f633; +--body-animation: flicker; +--logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_shadow.png) center no-repeat; +--text-color: #ffffff; +--input-color: #ffffff; +--link-color: #ffffff; +--link-color-hover: #af0606; +--case-color: #ffffff; +--button-text-color: #ffffff; +--button-text-color-hover: #000; +--button-color: #ffffff; +--button-color-hover: #af0606; +--selection-color: #8f2809; +--custom-text-header:#ffffff; +--custom-text-header-shadow:#ffffff; +--custom-text-header-animation: textflicker; +--input-font: 'Share Tech Mono', monospace; +--text-font: 'Share Tech Mono', monospace; +--loginbox-background-color: transparent; +--text-shadow: 0 0 8px; +--text-shadow-color: #000000; +--box-shadow: 0 0 15px; +} \ No newline at end of file diff --git a/CSS/themes/adguard/adguard-base.css b/CSS/themes/adguard/adguard-base.css index ad028f47..42983383 100644 --- a/CSS/themes/adguard/adguard-base.css +++ b/CSS/themes/adguard/adguard-base.css @@ -1 +1,614 @@ -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}@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%,.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}a{color:var(--link-color)}a:hover{color:var(--link-color-hover)}a:-webkit-any-link:focus{outline:0}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:var(--text-hover)}.login .login__form .text-center .h-6{filter:invert(1)}.login__form .card{background:rgba(0,0,0,.08);border:1px solid rgb(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{background:0 0;border-bottom:1px solid rgba(255,255,255,.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:0 0}.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{background:rgba(0,0,0,.08);border-top:1px solid rgba(255,255,255,.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)}.header__row .mobile-menu{background-color:transparent}.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)}.toast--success{background-color:rgba(90,173,99,.75)}.card{background-color:rgb(0 0 0 / 8%);border:1px solid rgba(255,255,255,.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-title-stats,.card-wrap{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)}.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,.12);border-radius:3px}.dropdown-item{color:var(--text)}.dropdown-item:focus,.dropdown-item:hover{color:var(--text-hover);text-decoration:none;background-color:rgb(255 255 255 / .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:#000}.basic-multi-select .select__control--is-focused,.basic-multi-select .select__control--is-focused:hover{border-color:transparent!important}.setup__container{background-color:rgb(0 0 0 / 8%)}.setup__progress-wrap{background-color:rgb(0 0 0 / 50%)}.setup__logo{filter:invert(1)}.card-subtitle,.card-title small,.checkbox__label-subtitle,.form__desc,.page-subtitle{color:var(--text-hover)}.dropdown-item.active,.dropdown-item:active{background-color:rgb(0 0 0 / 25%)}.service__icon{color:#eee}.logs__table{background-color:rgb(0 0 0 / 8%)}.detailed-info,.icon--gray,.icon--lightgray,.loading__text,.logs__row .list-unstyled li,.logs__text{color:var(--text)}.logs__no-data{color:var(--text);background-color:transparent}.logs__row--white{background-color:transparent}.logs__row--red,.rt-tr-group.logs__row--red,.rt-tr-group.red{background-color:rgb(244 67 54 / 30%)!important}.logs__row--blue,.rt-tr-group.blue,.rt-tr-group.logs__row--blue{background-color:rgb(54 146 244 / 30%)!important}.ReactTable .rt-noData{background:0 0;color:var(--text-muted)}.ReactTable .-pagination .-btn{color:var(--text-muted)}.ReactTable .-loading,.ReactTable .-loading>div{background:rgba(255,255,255,.5)}.ReactTable .rt-thead .rt-td,.ReactTable .rt-thead .rt-th,.logs__cell--header__container{color:var(--text-hover)}.ReactTable .rt-tbody .rt-tr-group{border-bottom:solid 1px rgb(255 255 255 / 20%)}.table td,.table th,.text-wrap table td,.text-wrap table th{padding:.75rem;vertical-align:top;border-top:1px solid rgba(255,255,255,.2)}.loading:before{background-color:transparent}.custom-select:focus{-webkit-box-shadow:none;box-shadow:none}.form-control--transparent{color:var(--text-hover)}.form-control--search{outline:0}.form-control:focus{border-color:transparent;-webkit-box-shadow:none;box-shadow:none;background:#fff!important}.icon--selected{background-color:rgb(0 0 0 / 15%);border:solid 1px transparent}.tab__control,.tab__control--active{color:var(--text)}.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,.05);box-shadow:0 1px 1px 0 rgba(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)}.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 / .7)!important}@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{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 +/* 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; +} + +/* 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); +} + +.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-muted); +} + +.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%); +} + +.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--transparent { + color: var(--text-hover); +} + +.form-control--search { + outline: none; +} + +.form-control:focus { + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + background: #ffffff !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/adguard/aquamarine.css b/CSS/themes/adguard/aquamarine.css index 11205c5f..b90c9d58 100644 --- a/CSS/themes/adguard/aquamarine.css +++ b/CSS/themes/adguard/aquamarine.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/adguard/adguard-base.css);@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file + +/* 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 */ + +/* ADGUARD AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/adguard/adguard-base.css); +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file diff --git a/CSS/themes/adguard/dark.css b/CSS/themes/adguard/dark.css index 17553ab3..bb15b915 100644 --- a/CSS/themes/adguard/dark.css +++ b/CSS/themes/adguard/dark.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/adguard/adguard-base.css);@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file + +/* 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 */ + +/* ADGUARD DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/adguard/adguard-base.css); +@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file diff --git a/CSS/themes/adguard/dracula.css b/CSS/themes/adguard/dracula.css index 5ff752b9..946928d0 100644 --- a/CSS/themes/adguard/dracula.css +++ b/CSS/themes/adguard/dracula.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/adguard/adguard-base.css);@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file + +/* 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 */ + +/* ADGUARD DRACULA THEME */ +@import url(https://theme-park.dev/CSS/themes/adguard/adguard-base.css); +@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file diff --git a/CSS/themes/adguard/hotline.css b/CSS/themes/adguard/hotline.css index 8f56d698..deddf5ec 100644 --- a/CSS/themes/adguard/hotline.css +++ b/CSS/themes/adguard/hotline.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/adguard/adguard-base.css);@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file + +/* 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 */ + +/* ADGUARD HOTLINE THEME */ +@import url(https://theme-park.dev/CSS/themes/adguard/adguard-base.css); +@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file diff --git a/CSS/themes/adguard/organizr-dark.css b/CSS/themes/adguard/organizr-dark.css index 4eb26e86..b35ed66e 100644 --- a/CSS/themes/adguard/organizr-dark.css +++ b/CSS/themes/adguard/organizr-dark.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/adguard/adguard-base.css);@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file + +/* 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 */ + +/* ADGUARD ORGANIZR-DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/adguard/adguard-base.css); +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file diff --git a/CSS/themes/adguard/plex.css b/CSS/themes/adguard/plex.css index e6f13a28..4d331d49 100644 --- a/CSS/themes/adguard/plex.css +++ b/CSS/themes/adguard/plex.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/adguard/adguard-base.css);@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file + +/* 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 */ + +/* ADGUARD PLEX THEME */ +@import url(https://theme-park.dev/CSS/themes/adguard/adguard-base.css); +@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file diff --git a/CSS/themes/adguard/space-gray.css b/CSS/themes/adguard/space-gray.css index de6520ff..81c9b604 100644 --- a/CSS/themes/adguard/space-gray.css +++ b/CSS/themes/adguard/space-gray.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/adguard/adguard-base.css);@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file + +/* 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 */ + +/* ADGUARD SPACE GRAY THEME */ +@import url(https://theme-park.dev/CSS/themes/adguard/adguard-base.css); +@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file diff --git a/CSS/themes/bazarr/aquamarine.css b/CSS/themes/bazarr/aquamarine.css index befb2ad4..4047f274 100644 --- a/CSS/themes/bazarr/aquamarine.css +++ b/CSS/themes/bazarr/aquamarine.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/bazarr/bazarr-base.css);@import url(https://theme-park.dev/CSS/variables/aquamarine.css);:root{--queue-color:#009688} \ No newline at end of file + +/* 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 */ + +/* BAZARR AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/bazarr/bazarr-base.css); +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); + +/* APP VARS */ +:root { + --queue-color: #009688; +} \ No newline at end of file diff --git a/CSS/themes/bazarr/bazarr-base-old.css b/CSS/themes/bazarr/bazarr-base-old.css index 7f43addd..16309d8e 100644 --- a/CSS/themes/bazarr/bazarr-base-old.css +++ b/CSS/themes/bazarr/bazarr-base-old.css @@ -1 +1,818 @@ -html{background:var(--main-bg-color)}.page-wrapper{background:var(--main-bg-color);color:#fff!important}h1,h2,h3,h4,h5,h6{color:#eee}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{color:#eee!important;text-decoration:none}a:focus,a:hover{color:#fff}hr{border-top:1px solid var(--accent-color)}::-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,.35)!important}.form-control{color:#fff;background-color:rgba(0,0,0,.25)!important;border:1px solid rgba(0,0,0,.25)}.form-control:focus{background-color:#eee!important;border-color:rgba(0,0,0,.51);outline:0;box-shadow:none;color:#000}.form-group i{color:#fff}.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:#000}.table{color:#eee}.table-striped tbody tr:nth-of-type(odd){background:rgb(0 0 0 / 8%)}.table-striped tbody tr:nth-of-type(odd):hover,table.dataTable tbody tr:hover{background:rgb(255 255 255 / 8%);transition:background .5s}table.dataTable tbody tr{background-color:transparent}table.dataTable tbody>tr.selected,table.dataTable tbody>tr>.selected{background-color:rgb(255 255 255 / 15%)}table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child:before{border:2px solid transparent;font-family:monospace}table.dataTable tbody td.select-checkbox:before,table.dataTable tbody th.select-checkbox:before{border:1px solid #eee}.table td,.table th{border-color:rgb(255 255 255 / 25%)}table.dataTable tr.dtrg-group td{background-color:rgb(0 0 0 / 25%)}.topbar{background:var(--main-bg-color)}.topbar .top-navbar{background-color:rgba(0,0,0,.7)}.page-titles{background:rgb(0 0 0 / 25%);box-shadow:0 5px 20px rgb(0 0 0 / 20%)}.page-titles .btn:hover:not(:disabled){color:#fff!important}.page-titles .btn{color:hsla(0,0%,100%,.7)!important}.text-themecolor{color:inherit!important}.fa-stack{color:inherit}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer!important}.form-material .form-control,.form-material .form-control.focus,.form-material .form-control:focus{background-image:linear-gradient(var(--accent-color),var(--accent-color)),linear-gradient(#e1e2e3,#e1e2e3);color:#eee}.form-control:focus::placeholder{color:#eee}.form-control:focus::-ms-input-placeholder{color:#eee}.form-control:focus::-ms-input-placeholder{color:#eee}.topbar .form-control{color:#fff;background-color:transparent!important;border:1px solid rgba(0,0,0,.25)}.topbar ul.dropdown-user li a{color:#eee;background:var(--modal-bg-color)}.topbar ul.dropdown-user{background:var(--modal-bg-color)}.topbar ul.dropdown-user li a:hover{background:rgb(255 255 255 / 7%)}.buttons_bars{position:absolute}.nav-item .typeahead__dropdown,.typeahead__list{background:var(--modal-bg-color);border:1px solid transparent;box-shadow:0 0 10px 1px #000}.nav-item .typeahead__list>li{border-top:solid 1px rgba(255,255,255,.25)}.typeahead__dropdown .typeahead__dropdown-item:not([disabled]).active>a,.typeahead__dropdown .typeahead__dropdown-item:not([disabled])>a:focus,.typeahead__dropdown .typeahead__dropdown-item:not([disabled])>a:hover,.typeahead__list .typeahead__item:not([disabled]).active>a,.typeahead__list .typeahead__item:not([disabled])>a:focus,.typeahead__list .typeahead__item:not([disabled])>a:hover{background-color:rgb(255 255 255 / .07)}.left-sidebar{position:absolute;width:240px;height:100%;top:0;z-index:20;padding-top:60px;background:rgb(0 0 0 / 25%);box-shadow:0 0 0 rgba(0,0,0,.08)}.sidebar-nav{background:rgba(255,255,255,0);padding:0}.card-no-border .sidebar-nav>ul>li>a.active{background-color:hsla(0,0%,100%,.08);border-left:3px solid var(--accent-color)}.sidebar-nav>ul>li>a.active i,.sidebar-nav>ul>li>a:hover i{color:#fff}#sidebarnav .sidebar-nav>ul>li.active>a{border-left:3px solid var(--accent-color);background:rgb(255 255 255 / 7%)}#sidebarnav .sidebar-nav>ul>li.active>a i{color:#eee;font-size:14px}.sidebar-nav>ul>li.active>a{color:#eee;border-left:3px solid var(--accent-color);background:hsla(0,0%,100%,.08)}.sidebar-nav>ul>li.active>a i{color:#eee;font-size:14px}@media (min-width:768px){.mini-sidebar .sidebar-nav #sidebarnav>li.active>a.active{border-color:var(--accent-color)}}@media (min-width:768px){.mini-sidebar .sidebar-nav #sidebarnav>li:hover>a{width:260px;background:var(--main-bg-color);color:#fff;border-color:rgba(255,255,255,.05)}}@media (min-width:768px){.mini-sidebar .sidebar-nav #sidebarnav>li>ul{background:var(--main-bg-color);display:none;padding-left:1px}}@media (min-width:768px){.mini-sidebar .sidebar-nav #sidebarnav li:hover{position:relative;background:rgba(255,255,255,.1)}}.sidebar-nav ul li ul{padding-left:0;border-left:3px solid var(--accent-color)}.sidebar-nav ul li ul li a{padding-left:60px}.sidebar-nav ul li a.active,.sidebar-nav ul li a:hover{background:rgba(255,255,255,.08)}#series .progress-bar{background-color:var(--accent-color)}#series .progress{background-color:rgb(255 255 255 / 20%)}#episodes_wrapper .badge-secondary,#series .badge-secondary{background-color:var(--accent-color)}.card-no-border .card{background:var(--modal-bg-color);border:solid 1px transparent;box-shadow:0 0 10px 1px #000}#seriesDetails .badge-secondary{color:#fff;background-color:var(--accent-color)}#movies .progress-bar{background-color:var(--accent-color)}#movies .progress{background-color:rgb(255 255 255 / 20%)}#movies .badge-secondary{background-color:var(--accent-color)}#movieDetails .badge-secondary{color:#fff;background-color:var(--accent-color)}#movieSubtitles .badge-secondary{background-color:var(--accent-color)}.container-fluid .bg-dark{background:var(--modal-bg-color)!important}@media (min-width:1024px){#edit_bar{margin-left:0}}table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child:before{left:-15px;background-color:var(--accent-color)}#wanted_series .progress{background-color:rgb(255 255 255 / 20%)}#wanted_movies .badge-secondary,#wanted_movies_badge .badge-secondary,#wanted_series .badge-secondary,#wanted_series_badge .badge-secondary{background-color:var(--accent-color)}.btn.focus,.btn:focus{outline:0;box-shadow:none}.btn-info,.btn-info.disabled{background:var(--button-color);border:1px solid var(--button-color);box-shadow:none}.btn-info.disabled:hover,.btn-info:hover{background:var(--button-color-hover);border:1px solid var(--button-color-hover);box-shadow:none}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:var(--button-color);border-color:var(--button-color);opacity:.5}.custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:var(--button-color);background-color:var(--button-color)}.dt-buttons .dt-button{background:var(--button-color);color:#eee;border-color:var(--button-color)}.dt-buttons .dt-button:hover{background:var(--button-color-hover)}a.dt-button:hover:not(.disabled),button.dt-button:hover:not(.disabled),div.dt-button:hover:not(.disabled){border:1px solid transparent;background:var(--button-color-hover);border-color:var(--button-color-hover);background-image:none!important}a.dt-button.disabled,button.dt-button.disabled,div.dt-button.disabled{color:#eee;border:1px solid var(--button-color);background-color:var(--button-color);background-image:none!important;opacity:.5}a.dt-button.disabled:hover,button.dt-button.disabled:hover,div.dt-button.disabled:hover{color:#eee;border:1px solid var(--button-color);background-color:var(--button-color);background-image:none!important;opacity:.5;cursor:not-allowed!important}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#eee;background-color:rgba(0,0,0,.25);border-color:transparent}.btn-light{background-color:rgba(0,0,0,.25);border:1px solid transparent}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:none;border:solid 1px transparent;outline:0}.bootstrap-select .dropdown-toggle:focus{outline:0!important}.btn-light.focus,.btn-light:focus{box-shadow:none}.btn-light:hover{background-color:rgb(0 0 0 / 25%);border-color:transparent}.btn-secondary,.btn-secondary.disabled{background:var(--button-color);border:1px solid var(--button-color)}.btn-secondary:hover{background:var(--button-color-hover);opacity:1;border:1px solid var(--button-color-hover)}.btn-secondary.disabled:hover{background:var(--button-color-hover);opacity:.7;border:1px solid var(--button-color-hover)}.close,.close:focus,.close:hover{color:#fff!important;opacity:1}.btn-default{color:hsla(0,0%,100%,.7);background-color:rgba(0,0,0,.25);border-color:none;outline-style:none}.btn-default.active,.btn-default.active:hover,.btn-default:hover{color:#fff;background-color:hsla(0,0%,100%,.08);border-color:none;outline-style:none}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#fff;background-color:hsla(0,0%,100%,.08);border-color:#fff}.btn{color:#fff;outline:0!important}.btn.btn-lg.btn-block.x-search-auto{color:#fff;background-color:rgba(0,0,0,.25)}.btn.btn-lg.btn-block.x-search-auto:hover{color:#fff;background-color:rgba(255,255,255,.05)}.btn.focus,.btn:focus,.btn:hover{color:#fff}.preloader{width:100%;height:100%;top:0;position:fixed;z-index:99999;background:rgb(0 0 0 / 7%)}.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover{color:#eee!important;opacity:.1}.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover{cursor:default;color:#eee;border:1px solid transparent;background:0 0;box-shadow:none}.pagination .page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;background-color:rgb(0 0 0 / 15%);border:1px solid #00000000}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{background-color:rgb(0 0 0 / 35%);border-color:rgb(0 0 0 / 35%)}.pagination .page-item.active .page-link{z-index:1;color:#fff;background-color:var(--accent-color);border-color:var(--accent-color)}.dataTables_wrapper .dataTables_paginate .paginate_button{border:1px solid rgb(221 221 221 / 8%)}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{background-color:rgb(242 244 248 / 15%)}.dataTables_wrapper .dataTables_paginate .paginate_button:hover{color:#fff;border:1px solid #00000000;background-color:#009efb00}.pagination .page-link:focus{box-shadow:none}.dropdown-menu,.topbar .dropdown-menu{background:var(--modal-bg-color);cursor:pointer;box-shadow:0 0 5px 0 rgb(0 0 0 / 50%)}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:rgb(255 255 255 / .25)}.dropdown-item:focus,.dropdown-item:hover{background-color:rgb(255 255 255 / 7%)}.dropdown-menu>li>a:hover{color:#fff!important;background-color:rgb(255 255 255 / 35%)}.alert-secondary{color:#fff;background-color:rgb(255 255 255 / 25%);border-color:transparent}.alert-secondary a{color:var(--accent-color)!important;text-decoration:none}.alert-secondary a:hover{color:#fff!important;text-decoration:none}.badge-info{background-color:var(--accent-color);margin-left:5px!important}.modal-content{box-shadow:0 0 10px 1px #000;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{border-bottom:1px solid var(--accent-color)}.modal-footer{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:0!important}.chartjs-render-monitor{filter:invert(1)}.highlight pre code{font-size:inherit;color:#eee}.highlight{background-color:rgb(255 255 255 / .08);border-radius:3px}@media (max-width:767px){.mini-sidebar .left-sidebar{background:var(--modal-bg-color)}#buttons_bars .col-8{-ms-flex:none!important;flex:auto;max-width:fit-content;padding-left:5px;padding-right:5px;display:inline-grid;position:absolute;z-index:11}.page-titles .btn{height:50px!important;width:55px!important;padding:0 0}#buttons_bars .col-4{-ms-flex:none!important;flex:auto;display:grid;padding-right:5px!important;padding-bottom:5px!important;position:inherit;z-index:10;padding-left:85%}} \ No newline at end of file +/* 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 { + background: var(--main-bg-color); +} + +.page-wrapper { + background: var(--main-bg-color); + color: white !important; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + color: #eee; +} + +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 { + color: #eee !important; + text-decoration: none; +} + +a:focus, +a:hover { + color: #ffffff; +} + +hr { + border-top: 1px solid var(--accent-color); +} + +/* 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; +} + + +/* Form Stuff */ + +.form-control { + color: #FFF; + background-color: rgba(0, 0, 0, .25) !important; + border: 1px solid rgba(0, 0, 0, .25); +} + +.form-control:focus { + background-color: #eee !important; + border-color: rgba(0, 0, 0, 0.51); + outline: 0; + box-shadow: none; + color: black; +} + +.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; +} + +/* Tables */ +.table { + color: #eee; +} + +.table-striped tbody tr:nth-of-type(odd) { + background: rgb(0 0 0 / 8%); +} + +.table-striped tbody tr:nth-of-type(odd):hover, +table.dataTable tbody tr:hover { + background: rgb(255 255 255 / 8%); + transition: background 500ms; +} + +table.dataTable tbody tr { + background-color: transparent; +} + +table.dataTable tbody>tr.selected, +table.dataTable tbody>tr>.selected { + background-color: rgb(255 255 255 / 15%); +} + +table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, +table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before { + border: 2px solid transparent; + font-family: monospace; +} + +/*Checkbox*/ +table.dataTable tbody td.select-checkbox:before, +table.dataTable tbody th.select-checkbox:before { + border: 1px solid #eee; +} + +.table td, +.table th { + border-color: rgb(255 255 255 / 25%); +} + +table.dataTable tr.dtrg-group td { + background-color: rgb(0 0 0 / 25%); +} + +/* Header */ +.topbar { + background: var(--main-bg-color); +} + +.topbar .top-navbar { + background-color: rgba(0, 0, 0, .7); +} + +.page-titles { + background: rgb(0 0 0 / 25%); + box-shadow: 0px 5px 20px rgb(0 0 0 / 20%); +} + +.page-titles .btn:hover:not(:disabled) { + color: #fff !important; +} + +.page-titles .btn { + color: hsla(0, 0%, 100%, .7) !important; +} + +.text-themecolor { + color: inherit !important; +} + +.fa-stack { + color: inherit; +} + +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled), +button:not(:disabled) { + cursor: pointer !important; +} + +.form-material .form-control, +.form-material .form-control.focus, +.form-material .form-control:focus { + background-image: linear-gradient(var(--accent-color), var(--accent-color)), linear-gradient(#e1e2e3, #e1e2e3); + color: #eee; +} + +.form-control:focus::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #eee; +} + +.form-control:focus::-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #eee; +} + +.form-control:focus::-ms-input-placeholder { + /* Microsoft Edge */ + color: #eee; +} + +.topbar .form-control { + color: #FFF; + background-color: transparent !important; + border: 1px solid rgba(0, 0, 0, .25); +} + +.topbar ul.dropdown-user li a { + color: #eee; + background: var(--modal-bg-color); +} + +.topbar ul.dropdown-user { + + background: var(--modal-bg-color); +} + +.topbar ul.dropdown-user li a:hover { + background: rgb(255 255 255 / 7%); +} + +.buttons_bars { + position: absolute; +} + +.nav-item .typeahead__dropdown, +.typeahead__list { + background: var(--modal-bg-color); + border: 1px solid transparent; + box-shadow: 0 0 10px 1px #000; +} + +.nav-item .typeahead__list>li { + border-top: solid 1px rgba(255, 255, 255, .25); +} + +.typeahead__dropdown .typeahead__dropdown-item:not([disabled]).active>a, +.typeahead__dropdown .typeahead__dropdown-item:not([disabled])>a:focus, +.typeahead__dropdown .typeahead__dropdown-item:not([disabled])>a:hover, +.typeahead__list .typeahead__item:not([disabled]).active>a, +.typeahead__list .typeahead__item:not([disabled])>a:focus, +.typeahead__list .typeahead__item:not([disabled])>a:hover { + background-color: rgb(255 255 255 / .07); +} + +/* Sidebar */ +.left-sidebar { + position: absolute; + width: 240px; + height: 100%; + top: 0; + z-index: 20; + padding-top: 60px; + background: rgb(0 0 0 / 25%); + box-shadow: 0 0 0 rgba(0, 0, 0, 0.08); +} + +.sidebar-nav { + background: rgba(255, 255, 255, 0); + padding: 0; +} + +.card-no-border .sidebar-nav>ul>li>a.active { + background-color: hsla(0, 0%, 100%, .08); + border-left: 3px solid var(--accent-color); +} + +.sidebar-nav>ul>li>a.active i, +.sidebar-nav>ul>li>a:hover i { + color: white; +} + +#sidebarnav .sidebar-nav>ul>li.active>a { + border-left: 3px solid var(--accent-color); + background: rgb(255 255 255 / 7%); +} + +#sidebarnav .sidebar-nav>ul>li.active>a i { + color: #eee; + font-size: 14px; +} + +.sidebar-nav>ul>li.active>a { + color: #eee; + border-left: 3px solid var(--accent-color); + background: hsla(0, 0%, 100%, .08); +} + +.sidebar-nav>ul>li.active>a i { + color: #eee; + font-size: 14px; +} + +@media (min-width: 768px) { + .mini-sidebar .sidebar-nav #sidebarnav>li.active>a.active { + border-color: var(--accent-color); + } +} + +@media (min-width: 768px) { + .mini-sidebar .sidebar-nav #sidebarnav>li:hover>a { + width: 260px; + background: var(--main-bg-color); + color: #ffffff; + border-color: rgba(255, 255, 255, .05); + } +} + +@media (min-width: 768px) { + .mini-sidebar .sidebar-nav #sidebarnav>li>ul { + + background: var(--main-bg-color); + display: none; + padding-left: 1px; + } +} + +@media (min-width: 768px) { + .mini-sidebar .sidebar-nav #sidebarnav li:hover { + position: relative; + background: rgba(255, 255, 255, .1); + } +} + +.sidebar-nav ul li ul { + padding-left: 0px; + border-left: 3px solid var(--accent-color); +} + +.sidebar-nav ul li ul li a { + padding-left: 60px; +} + +.sidebar-nav ul li a.active, +.sidebar-nav ul li a:hover { + background: rgba(255, 255, 255, .08); + +} + +/* Series page */ +#series .progress-bar { + background-color: var(--accent-color); +} + +#series .progress { + background-color: rgb(255 255 255 / 20%); +} + +#series .badge-secondary, +#episodes_wrapper .badge-secondary { + background-color: var(--accent-color); +} + +.card-no-border .card { + background: var(--modal-bg-color); + border: solid 1px transparent; + box-shadow: 0 0 10px 1px #000; +} + +#seriesDetails .badge-secondary { + color: #fff; + background-color: var(--accent-color); +} + +/* Movies page */ +#movies .progress-bar { + background-color: var(--accent-color); +} + +#movies .progress { + background-color: rgb(255 255 255 / 20%); +} + +#movies .badge-secondary { + background-color: var(--accent-color); +} + +#movieDetails .badge-secondary { + color: #fff; + background-color: var(--accent-color); +} + +#movieSubtitles .badge-secondary { + background-color: var(--accent-color); +} + +/*Mass Edit*/ +.container-fluid .bg-dark { + background: var(--modal-bg-color) !important; +} + +@media (min-width: 1024px) { + #edit_bar { + margin-left: 0px; + } +} + +/* History */ +table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, +table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before { + left: -15px; + background-color: var(--accent-color); +} + +/* Wanted page */ +#wanted_series .progress { + background-color: rgb(255 255 255 / 20%); +} + +#wanted_series .badge-secondary, +#wanted_series_badge .badge-secondary, +#wanted_movies_badge .badge-secondary, +#wanted_movies .badge-secondary { + background-color: var(--accent-color); +} + +/* Buttons */ +.btn.focus, +.btn:focus { + outline: 0; + box-shadow: none; +} + +.btn-info, +.btn-info.disabled { + background: var(--button-color); + border: 1px solid var(--button-color); + box-shadow: none; +} + +.btn-info:hover, +.btn-info.disabled:hover { + background: var(--button-color-hover); + border: 1px solid var(--button-color-hover); + box-shadow: none; +} + +.btn-info:not(:disabled):not(.disabled).active, +.btn-info:not(:disabled):not(.disabled):active, +.show>.btn-info.dropdown-toggle { + color: #fff; + background-color: var(--button-color); + border-color: var(--button-color); + opacity: .5; +} + +.custom-control-input:checked~.custom-control-label::before { + color: #fff; + border-color: var(--button-color); + background-color: var(--button-color); +} + +.dt-buttons .dt-button { + background: var(--button-color); + color: #eee; + border-color: var(--button-color); +} + +.dt-buttons .dt-button:hover { + background: var(--button-color-hover); +} + +button.dt-button:hover:not(.disabled), +div.dt-button:hover:not(.disabled), +a.dt-button:hover:not(.disabled) { + border: 1px solid transparent; + background: var(--button-color-hover); + border-color: var(--button-color-hover); + background-image: none !important; +} + +button.dt-button.disabled, +div.dt-button.disabled, +a.dt-button.disabled { + color: #eee; + border: 1px solid var(--button-color); + background-color: var(--button-color); + background-image: none !important; + opacity: .5; +} + +button.dt-button.disabled:hover, +div.dt-button.disabled:hover, +a.dt-button.disabled:hover { + color: #eee; + border: 1px solid var(--button-color); + background-color: var(--button-color); + background-image: none !important; + opacity: .5; + cursor: not-allowed !important; +} + +.btn-light:not(:disabled):not(.disabled).active, +.btn-light:not(:disabled):not(.disabled):active, +.show>.btn-light.dropdown-toggle { + color: #eee; + background-color: rgba(0, 0, 0, .25); + border-color: transparent; +} + +.btn-light { + background-color: rgba(0, 0, 0, .25); + border: 1px solid transparent; +} + +.btn-light:not(:disabled):not(.disabled).active:focus, +.btn-light:not(:disabled):not(.disabled):active:focus, +.show>.btn-light.dropdown-toggle:focus { + box-shadow: none; + border: solid 1px transparent; + outline: none; +} + +.bootstrap-select .dropdown-toggle:focus { + outline: none !important; + +} + +.btn-light.focus, +.btn-light:focus { + box-shadow: none; +} + +.btn-light:hover { + background-color: rgb(0 0 0 / 25%); + border-color: transparent; +} + +.btn-secondary, +.btn-secondary.disabled { + background: var(--button-color); + border: 1px solid var(--button-color); +} + +.btn-secondary:hover { + background: var(--button-color-hover); + opacity: 1; + border: 1px solid var(--button-color-hover); +} + +.btn-secondary.disabled:hover { + background: var(--button-color-hover); + opacity: 0.7; + border: 1px solid var(--button-color-hover); +} + +.close, +.close:hover, +.close:focus { + color: #FFF !important; + opacity: 1; +} + +.btn-default { + color: hsla(0, 0%, 100%, .7); + background-color: rgba(0, 0, 0, .25); + border-color: none; + outline-style: none; +} + +.btn-default:hover, +.btn-default.active, +.btn-default.active:hover { + color: #FFFFFF; + background-color: hsla(0, 0%, 100%, .08); + border-color: none; + outline-style: none; +} + +.btn-default.active.focus, +.btn-default.active:focus, +.btn-default.active:hover, +.btn-default:active.focus, +.btn-default:active:focus, +.btn-default:active:hover, +.open>.dropdown-toggle.btn-default.focus, +.open>.dropdown-toggle.btn-default:focus, +.open>.dropdown-toggle.btn-default:hover { + color: #fff; + background-color: hsla(0, 0%, 100%, .08); + border-color: #FFF; +} + +.btn { + color: #FFF; + outline: 0 !important; +} + +.btn.btn-lg.btn-block.x-search-auto { + color: #FFF; + background-color: rgba(0, 0, 0, .25); +} + +.btn.btn-lg.btn-block.x-search-auto:hover { + color: #FFF; + background-color: rgba(255, 255, 255, 0.05); +} + +.btn.focus, +.btn:focus, +.btn:hover { + color: #fff; +} + +/* Loading */ +.preloader { + width: 100%; + height: 100%; + top: 0px; + position: fixed; + z-index: 99999; + background: rgb(0 0 0 / 7%); +} + +/* Pagination*/ +.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, +.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, +.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { + color: #eee !important; + opacity: .1; +} + +.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, +.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, +.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { + cursor: default; + color: #eee; + border: 1px solid transparent; + background: transparent; + box-shadow: none; +} + +.pagination .page-link { + position: relative; + display: block; + padding: .5rem .75rem; + margin-left: -1px; + line-height: 1.25; + background-color: rgb(0 0 0 / 15%); + border: 1px solid #00000000; +} + +.pagination>.active>a, +.pagination>.active>span, +.pagination>.active>a:hover, +.pagination>.active>span:hover, +.pagination>.active>a:focus, +.pagination>.active>span:focus { + background-color: rgb(0 0 0 / 35%); + border-color: rgb(0 0 0 / 35%); +} + +.pagination .page-item.active .page-link { + z-index: 1; + color: #fff; + background-color: var(--accent-color); + border-color: var(--accent-color); +} + +.dataTables_wrapper .dataTables_paginate .paginate_button { + border: 1px solid rgb(221 221 221 / 8%); +} + +.pagination>li>a:hover, +.pagination>li>span:hover, +.pagination>li>a:focus, +.pagination>li>span:focus { + background-color: rgb(242 244 248 / 15%); +} + +.dataTables_wrapper .dataTables_paginate .paginate_button:hover { + color: white; + border: 1px solid #00000000; + background-color: #009efb00; +} + +.pagination .page-link:focus { + box-shadow: none; +} + +/* Settings */ +.dropdown-menu, +.topbar .dropdown-menu { + background: var(--modal-bg-color); + cursor: pointer; + box-shadow: 0 0 5px 0px rgb(0 0 0 / 50%); +} + +.dropdown-item.active, +.dropdown-item:active { + color: #fff; + text-decoration: none; + background-color: rgb(255 255 255 / 0.25); +} +.dropdown-item:focus, .dropdown-item:hover { + background-color: rgb(255 255 255 / 7%); +} +.dropdown-menu>li>a:hover { + color: white !important; + background-color: rgb(255 255 255 / 35%); +} + +/* General */ + + +/* Notifications */ +.alert-secondary { + color: #ffffff; + background-color: rgb(255 255 255 / 25%); + border-color: transparent; +} + +.alert-secondary a { + color: var(--accent-color) !important; + text-decoration: none; +} + +.alert-secondary a:hover { + color: white !important; + text-decoration: none; +} + +.badge-info { + background-color: var(--accent-color); + margin-left: 5px !important; +} + +/* Modal */ + +.modal-content { + box-shadow: 0 0 10px 1px #000; + 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 { + border-bottom: 1px solid var(--accent-color); + +} +.modal-footer { + 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; +} + +/* Chart */ +.chartjs-render-monitor { + filter: invert(1); +} + +.highlight pre code { + font-size: inherit; + color: #eee; +} + +.highlight { + background-color: rgb(255 255 255 / 0.08); + border-radius: 3px; +} + +/* Mobile */ +@media (max-width: 767px) { + .mini-sidebar .left-sidebar { + background: var(--modal-bg-color); + } + +#buttons_bars .col-8 { + -ms-flex: none !important; + flex: auto; + max-width: fit-content; + padding-left: 5px; + padding-right: 5px; + display: inline-grid; + position: absolute; + z-index: 11; +} + + .page-titles .btn { + height: 50px !important; + width: 55px !important; + padding: 0 0; + } + +#buttons_bars .col-4 { + -ms-flex: none !important; + flex: auto; + display: grid; + padding-right: 5px !important; + padding-bottom: 5px !important; + position: inherit; + z-index: 10; + padding-left: 85%; +} +} \ No newline at end of file diff --git a/CSS/themes/bazarr/bazarr-base.css b/CSS/themes/bazarr/bazarr-base.css index 5f7746a8..6e3e188e 100644 --- a/CSS/themes/bazarr/bazarr-base.css +++ b/CSS/themes/bazarr/bazarr-base.css @@ -1 +1,848 @@ -*{outline:0}body{background:var(--main-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;color:var(--text)}::-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,.35)!important}.page-link,a{color:var(--link-color)}a:hover{color:var(--link-color-hover)}.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 .2rem rgb(var(--accent-color) / 25%)}.text-muted{color:var(--text-muted)!important}.table{color:var(--text)}.table thead th{color:var(--text-hover)}.custom-control-label,.modal-header,h1,h2,h3,h4,h5,h6,label{color:var(--text-hover)}.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,.08);border:1px solid rgba(255,255,255,.08)}.form-control:focus{background-color:rgba(255,255,255,.25)!important;border-color:rgba(255,255,255,.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:#fff}.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:#000}.input-group-text{color:var(--text);background-color:rgb(0 0 0 / 25%);border:1px solid transparent}.custom-chip-input .main-input{background:0 0;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-container{background-color:rgba(0,0,0,.25)}.sidebar-container .sidebar-button{color:var(--text)!important;background:0 0}.sidebar-container .sidebar-button:active,.sidebar-container .sidebar-button:focus{color:rgb(var(--accent-color))!important;background-color:rgba(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,.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-button.sb-active:before,.sidebar-container .sidebar-collapse-box.active:before{background-color:rgb(var(--accent-color))}@media (max-width:767.98px){.sidebar-container,.sidebar-container.open{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(--queue-color)}.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}.content-header.bg-dark{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-bottom:solid 1px rgba(255,255,255,.1)}.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}.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 #000;color:var(--text)}.settings-card:focus,.settings-card:hover{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)}.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,.1)}.popover-body{color:var(--text)}.spinner-border{color:rgb(var(--accent-color))}.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:0!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}.btn-outline-secondary,.btn-primary{color:var(--button-text);background-color:var(--button-color);border-color:var(--button-color)}.btn-outline-secondary.focus,.btn-outline-secondary:focus,.btn-outline-secondary:hover,.btn-primary.focus,.btn-primary:focus,.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-primary.focus,.btn-primary:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow: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;border-color:transparent}.btn-dark.focus,.btn-dark:focus,.btn-dark:hover{color:var(--button-text-hover);background-color:transparent;border-color:transparent}.btn-dark.focus,.btn-dark:focus{box-shadow: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 .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.focus,.btn-light:focus,.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{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 .2rem transparent}.custom-control-input:focus~.custom-control-label:before{box-shadow: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-header,.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}.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,.25);border-color:transparent!important;color:#fff}[class$="-indicatorContainer"],[class$="-placeholder"],[class$="-singleValue"]{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:active,.custom-rc-slider .rc-slider-handle:hover{border-color:var(--button-color-hover)}.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}::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}.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}code.zmdi-language-python-alt{color:var(--text)} \ No newline at end of file +/* 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); +} + +/* 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); +} + +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(--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; + background-attachment: fixed, fixed; + background-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: solid 1px rgba(255, 255, 255, .1); + +} + +/* LOGIN */ +.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; +} + +.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; +} + +/* 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; +} + +/* 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/bazarr/dark.css b/CSS/themes/bazarr/dark.css index a76ac563..2d2dfff3 100644 --- a/CSS/themes/bazarr/dark.css +++ b/CSS/themes/bazarr/dark.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/bazarr/bazarr-base.css);@import url(https://theme-park.dev/CSS/variables/dark.css);:root{--queue-color:#6b5} \ No newline at end of file + +/* 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 */ + +/* BAZARR DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/bazarr/bazarr-base.css); +@import url(https://theme-park.dev/CSS/variables/dark.css); + +/* APP VARS */ +:root { + --queue-color: #6b5; +} \ No newline at end of file diff --git a/CSS/themes/bazarr/dracula.css b/CSS/themes/bazarr/dracula.css index 495b0992..cba0b87c 100644 --- a/CSS/themes/bazarr/dracula.css +++ b/CSS/themes/bazarr/dracula.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/bazarr/bazarr-base.css);@import url(https://theme-park.dev/CSS/variables/dracula.css);:root{--queue-color:#50fa7b} \ No newline at end of file + +/* 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 */ + +/* BAZARR DRACULA THEME */ +@import url(https://theme-park.dev/CSS/themes/bazarr/bazarr-base.css); +@import url(https://theme-park.dev/CSS/variables/dracula.css); + +/* APP VARS */ +:root { + --queue-color: #50fa7b; +} diff --git a/CSS/themes/bazarr/hotline.css b/CSS/themes/bazarr/hotline.css index b1b38c16..08085635 100644 --- a/CSS/themes/bazarr/hotline.css +++ b/CSS/themes/bazarr/hotline.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/bazarr/bazarr-base.css);@import url(https://theme-park.dev/CSS/variables/hotline.css);:root{--queue-color:#6b5} \ No newline at end of file + +/* 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 */ + +/* BAZARR HOTLINE THEME */ +@import url(https://theme-park.dev/CSS/themes/bazarr/bazarr-base.css); +@import url(https://theme-park.dev/CSS/variables/hotline.css); + +/* APP VARS */ +:root { + --queue-color: #6b5; +} \ No newline at end of file diff --git a/CSS/themes/bazarr/organizr-dark.css b/CSS/themes/bazarr/organizr-dark.css index d6d3df00..0c0f08b1 100644 --- a/CSS/themes/bazarr/organizr-dark.css +++ b/CSS/themes/bazarr/organizr-dark.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/bazarr/bazarr-base.css);@import url(https://theme-park.dev/CSS/variables/organizr-dark.css);:root{--queue-color:#2cabe3} \ No newline at end of file + +/* 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 */ + +/* BAZARR ORGANIZR-DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/bazarr/bazarr-base.css); +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); + +/* APP VARS */ +:root { + --queue-color: #2cabe3; +} \ No newline at end of file diff --git a/CSS/themes/bazarr/plex.css b/CSS/themes/bazarr/plex.css index 30373d0a..4eb2bfce 100644 --- a/CSS/themes/bazarr/plex.css +++ b/CSS/themes/bazarr/plex.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/bazarr/bazarr-base.css);@import url(https://theme-park.dev/CSS/variables/plex.css);:root{--queue-color:#27c24c} \ No newline at end of file + +/* 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 */ + +/* BAZARR PLEX THEME */ +@import url(https://theme-park.dev/CSS/themes/bazarr/bazarr-base.css); +@import url(https://theme-park.dev/CSS/variables/plex.css); + +/* APP VARS */ +:root { + --queue-color: #27c24c; +} \ No newline at end of file diff --git a/CSS/themes/bazarr/space-gray.css b/CSS/themes/bazarr/space-gray.css index 859665a5..ab5cce99 100644 --- a/CSS/themes/bazarr/space-gray.css +++ b/CSS/themes/bazarr/space-gray.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/bazarr/bazarr-base.css);@import url(https://theme-park.dev/CSS/variables/space-gray.css);:root{--queue-color:#81a6b7} \ No newline at end of file + +/* 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 */ + +/* BAZARR SPACE GRAY THEME */ +@import url(https://theme-park.dev/CSS/themes/bazarr/bazarr-base.css); +@import url(https://theme-park.dev/CSS/variables/space-gray.css); + +/* APP VARS */ +:root { + --queue-color: #81a6b7; +} \ No newline at end of file diff --git a/CSS/themes/bitwarden/aquamarine.css b/CSS/themes/bitwarden/aquamarine.css index 68940dea..db8f3b83 100644 --- a/CSS/themes/bitwarden/aquamarine.css +++ b/CSS/themes/bitwarden/aquamarine.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/bitwarden/bitwarden-base.css);@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file + +/* 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 */ + +/* BITWARDEN AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/bitwarden/bitwarden-base.css); +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file diff --git a/CSS/themes/bitwarden/bitwarden-base.css b/CSS/themes/bitwarden/bitwarden-base.css index 78c64f90..388705c9 100644 --- a/CSS/themes/bitwarden/bitwarden-base.css +++ b/CSS/themes/bitwarden/bitwarden-base.css @@ -1 +1,496 @@ -*{outline:0}img.logo{filter:invert(100)}body,body.layout_frontend{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)}.groupings .card .card-body a,a,app-org-vault-groupings .card .card-body a,app-vault-groupings .card .card-body a{color:var(--link-color)}.groupings .card li.active>a:first-of-type,.groupings .card li.active>div a:first-of-type,a:hover,app-org-vault-groupings .card li.active>a:first-of-type,app-org-vault-groupings .card li.active>div a:first-of-type,app-vault-groupings .card li.active>a:first-of-type,app-vault-groupings .card li.active>div a:first-of-type{color:var(--link-color-hover)!important}.form-check-block .form-check-label>small,.modal-header small,.table,.text-body,.text-muted{color:var(--text-muted)!important}.table-hover tbody tr:hover{color:var(--text-hover);background-color:rgba(255,255,255,.08)}.card-header,.h1,.h2,.h3,.h4,.h5,.h6,.modal-header,h1,h2,h3,h4,h5,h6,label,label.bold .card-header:first-child,label:not(.form-check-label):not(.btn){color:var(--text-hover)!important}.navbar{background-color:rgb(0 0 0 / 25%)!important}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:rgb(var(--accent-color))}.card{background-color:rgba(255,255,255,.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))}.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:0}.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)}.form-control:focus{box-shadow:none;border-color:transparent}.form-control{color:var(--text);background-color:rgb(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{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:focus,.dropdown-item:hover{color:var(--text-hover);text-decoration:none;background-color:rgb(255 255 255 / .08)}a.text-danger:focus,a.text-danger:hover{color:#dd4b39!important;background-color:rgb(255 255 255 / .08)!important}.dropdown-menu .text-danger{font-weight:700!important;background:rgb(0 0 0 / 20%)!important}.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%)}.btn-link{color:var(--button-color);color:var(--button-text)}.btn-link:hover{color:var(--button-color-hover);color:var(--button-text-hover);transition:.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:.15s}.btn-primary.focus,.btn-primary:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus,.swal2-popup .swal2-actions .show>button.dropdown-toggle.swal2-confirm:focus,.swal2-popup .swal2-actions button.focus.swal2-confirm,.swal2-popup .swal2-actions button.swal2-confirm:focus,.swal2-popup .swal2-actions button.swal2-confirm:not(:disabled):not(.disabled).active:focus,.swal2-popup .swal2-actions button.swal2-confirm:not(:disabled):not(.disabled):active:focus{box-shadow:none}.btn[class*=btn-outline-]:not(:hover),.swal2-popup .swal2-actions button.swal2-cancel,.swal2-popup .swal2-actions button[class*=btn-outline-]:not(:hover){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.focus,.btn-outline-primary:focus,.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.btn-outline-secondary.focus,.btn-outline-secondary:focus,.show>.btn-outline-primary.dropdown-toggle:focus,.swal2-popup .swal2-actions button.focus.swal2-cancel,.swal2-popup .swal2-actions button.swal2-cancel:focus{box-shadow:0 0 0 .2rem rgb(var(--accent-color),.5)}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle,.swal2-popup .swal2-actions .show>button.dropdown-toggle.swal2-cancel,.swal2-popup .swal2-actions button.swal2-cancel:not(:disabled):not(.disabled).active,.swal2-popup .swal2-actions button.swal2-cancel:not(:disabled):not(.disabled):active{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,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus,.swal2-popup .swal2-actions .show>button.dropdown-toggle.swal2-cancel:focus,.swal2-popup .swal2-actions button.swal2-cancel:not(:disabled):not(.disabled).active:focus,.swal2-popup .swal2-actions button.swal2-cancel:not(:disabled):not(.disabled):active:focus{box-shadow:none}.btn-primary.disabled,.btn-primary:disabled,.swal2-popup .swal2-actions button.disabled.swal2-confirm,.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-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-item.show .nav-link,.nav-tabs .nav-link.active{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-org-vault-groupings .card li.active>a:first-of-type,app-org-vault-groupings .card li.active>div a:first-of-type,app-vault-groupings .card li.active>a:first-of-type,app-vault-groupings .card li.active>div a:first-of-type{font-weight:700;color:rgb(var(--accent-color))}input::-webkit-input-placeholder{color:var(--text)}input:focus::-webkit-input-placeholder{color:#000}input:-moz-placeholder{color:var(--text)}input:focus:-moz-placeholder{color:#000}input::-moz-placeholder{color:var(--text)}input:focus::-moz-placeholder{color:#000}input:-ms-input-placeholder{color:var(--text)}input:focus:-ms-input-placeholder{color:#000}.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}.bg-secondary{background-color:rgb(255 255 255 / 10%)!important}.bg-white{background-color:rgba(255,255,255,.1)!important}.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%)} \ No newline at end of file +/* 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%); +} \ No newline at end of file diff --git a/CSS/themes/bitwarden/dark.css b/CSS/themes/bitwarden/dark.css index e6824556..45ba38f1 100644 --- a/CSS/themes/bitwarden/dark.css +++ b/CSS/themes/bitwarden/dark.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/bitwarden/bitwarden-base.css);@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file + +/* 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 */ + +/* BITWARDEN DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/bitwarden/bitwarden-base.css); +@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file diff --git a/CSS/themes/bitwarden/dracula.css b/CSS/themes/bitwarden/dracula.css index 4109f570..32a2f3cd 100644 --- a/CSS/themes/bitwarden/dracula.css +++ b/CSS/themes/bitwarden/dracula.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/bitwarden/bitwarden-base.css);@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file + +/* 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 */ + +/* BITWARDEN DRACULA THEME */ +@import url(https://theme-park.dev/CSS/themes/bitwarden/bitwarden-base.css); +@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file diff --git a/CSS/themes/bitwarden/hotline.css b/CSS/themes/bitwarden/hotline.css index bb480087..092befbb 100644 --- a/CSS/themes/bitwarden/hotline.css +++ b/CSS/themes/bitwarden/hotline.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/bitwarden/bitwarden-base.css);@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file + +/* 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 */ + +/* BITWARDEN HOTLINE THEME */ +@import url(https://theme-park.dev/CSS/themes/bitwarden/bitwarden-base.css); +@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file diff --git a/CSS/themes/bitwarden/organizr-dark.css b/CSS/themes/bitwarden/organizr-dark.css index 863615ee..8bb152c7 100644 --- a/CSS/themes/bitwarden/organizr-dark.css +++ b/CSS/themes/bitwarden/organizr-dark.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/bitwarden/bitwarden-base.css);@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file + +/* 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 */ + +/* BITWARDEN ORGANIZR-DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/bitwarden/bitwarden-base.css); +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file diff --git a/CSS/themes/bitwarden/plex.css b/CSS/themes/bitwarden/plex.css index 43db7e9b..a1f207fc 100644 --- a/CSS/themes/bitwarden/plex.css +++ b/CSS/themes/bitwarden/plex.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/bitwarden/bitwarden-base.css);@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file + +/* 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 */ + +/* BITWARDEN PLEX THEME */ +@import url(https://theme-park.dev/CSS/themes/bitwarden/bitwarden-base.css); +@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file diff --git a/CSS/themes/bitwarden/space-gray.css b/CSS/themes/bitwarden/space-gray.css index 90c91597..2ac5dd59 100644 --- a/CSS/themes/bitwarden/space-gray.css +++ b/CSS/themes/bitwarden/space-gray.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/bitwarden/bitwarden-base.css);@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file + +/* 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 */ + +/* BITWARDEN SPACE GRAY THEME */ +@import url(https://theme-park.dev/CSS/themes/bitwarden/bitwarden-base.css); +@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file diff --git a/CSS/themes/calibreweb/aquamarine.css b/CSS/themes/calibreweb/aquamarine.css index 5c54a355..88202698 100644 --- a/CSS/themes/calibreweb/aquamarine.css +++ b/CSS/themes/calibreweb/aquamarine.css @@ -1 +1,17 @@ -@import url(https://theme-park.dev/CSS/themes/calibreweb/calibreweb-base.css);@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file + +/* 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 */ + +/* CALIBRE-WEB AQUAMARINE THEME */ +/* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */ +@import url(https://theme-park.dev/CSS/themes/calibreweb/calibreweb-base.css); +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file diff --git a/CSS/themes/calibreweb/calibreweb-base.css b/CSS/themes/calibreweb/calibreweb-base.css index fad5ec87..60681df8 100644 --- a/CSS/themes/calibreweb/calibreweb-base.css +++ b/CSS/themes/calibreweb/calibreweb-base.css @@ -1 +1,320 @@ -: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)}*,.bootstrap-select .dropdown-toggle:focus,.bootstrap-select>select.mobile-device:focus+.dropdown-toggle,:active,:focus{outline:0!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}}.container-fluid .book .cover span img{border:1px solid transparent}.btn-default a,.btn-default a:hover{color:var(--text)}.container-fluid .book .meta .author,.container-fluid .book .meta .author>a:hover,.h1,.h2,.h3,.h4,.h5,.h6,.well>h2,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,body:not(.admin)>div.container-fluid>div>div.col-sm-10>div.discover:only-of-type>h2,h1,h2,h3,h4,h5,h6{color:var(--text-hover)!important}body,html,p{color:var(--text)!important}.container-fluid .book .meta .author,.container-fluid .book .meta .author>a,.home-btn>a,.plexBack>a{color:var(--text)}.form-group>label,.home-btn>a:hover,.plexBack:not(.noBack):hover>a,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,body>div.navbar.navbar-default.navbar-static-top>div>div.home-btn>a:hover:before,label{color:var(--text-hover)}a,body.admin,body.admin td>a{color:var(--link-color)}a:hover,body.admin td>a:hover{color:var(--link-color-hover)}.meta>a>p,.navigation .create-shelf a{color:var(--link-color)!important}.author>a:hover,.meta>a>p:hover,.navigation .create-shelf a:hover{color:var(--link-color-hover)!important}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,th{color:var(--text-hover)!important}.modal-content{background:var(--modal-bg-color)}#GeneralDeleteModal .bg-danger{background:var(--modal-bg-color)}#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,.glyphicon,div[aria-label="Edit/Delete book"]>.btn>span{color:var(--text)}#add-to-shelf:hover span,#btnGroupDrop1:hover>span,#btnGroupDrop1[aria-expanded=true]>span,#readbtn:hover>span,#sendbtn:hover>span,#shelf-actions>.btn-group.open>#add-to-shelf>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{color:var(--text-hover)}.dropdown-menu{background:var(--drop-down-menu-bg)!important;max-height:none!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)}.navigation li a:hover,.navigation li a:hover .glyphicon{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-default .navbar-nav>li>a:focus .glyphicon,.navbar-default .navbar-nav>li>a:hover .glyphicon{color:var(--text-hover)!important}.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-shelfspan):not(#add-to-shelf){border-color:var(--button-color-hover)}.btn-primary.active,.btn-primary:active,.btn-primary:active>span.glyphicon:not(#edit_book>span):not(#btnGroupDrop1>span.glyphicon.glyphicon-download):not(#add-to-shelfspan),.btn-primary:focus,.btn-primary:focus>span.glyphicon:not(#edit_book>span):not(#btnGroupDrop1>span.glyphicon.glyphicon-download):not(#add-to-shelfspan),.btn-primary:hover,.btn-primary:hover>span.glyphicon:not(#edit_book>span):not(#btnGroupDrop1>span.glyphicon.glyphicon-download):not(#add-to-shelfspan),.open .dropdown-toggle.btn-primary{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),.btn-primary:active>span.glyphicon:not(#edit_book>span):not(#btnGroupDrop1>span.glyphicon.glyphicon-download):not(#edit_book):not(#add-to-shelfspan):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-shelfspan):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-shelfspan):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){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{background:var(--modal-bg-color);color:var(--text-hover)}.cover .badge{color:var(--label-text-color);background-color:rgb(var(--accent-color))} \ No newline at end of file + /* 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; + max-height: none !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 */ + .cover .badge { + color: var(--label-text-color); + background-color: rgb(var(--accent-color)); + + } \ No newline at end of file diff --git a/CSS/themes/calibreweb/dark.css b/CSS/themes/calibreweb/dark.css index 246baa83..7d7ff30c 100644 --- a/CSS/themes/calibreweb/dark.css +++ b/CSS/themes/calibreweb/dark.css @@ -1 +1,17 @@ -@import url(https://theme-park.dev/CSS/themes/calibreweb/calibreweb-base.css);@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file + +/* 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 */ + +/* CALIBRE-WEB DARK THEME */ +/* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */ +@import url(https://theme-park.dev/CSS/themes/calibreweb/calibreweb-base.css); +@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file diff --git a/CSS/themes/calibreweb/dracula.css b/CSS/themes/calibreweb/dracula.css index 7df6e1b0..dca59fee 100644 --- a/CSS/themes/calibreweb/dracula.css +++ b/CSS/themes/calibreweb/dracula.css @@ -1 +1,17 @@ -@import url(https://theme-park.dev/CSS/themes/calibreweb/calibreweb-base.css);@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file + +/* 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 */ + +/* CALIBRE-WEB DRACULA THEME */ +/* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */ +@import url(https://theme-park.dev/CSS/themes/calibreweb/calibreweb-base.css); +@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file diff --git a/CSS/themes/calibreweb/hotline.css b/CSS/themes/calibreweb/hotline.css index 7b62f559..83123ee6 100644 --- a/CSS/themes/calibreweb/hotline.css +++ b/CSS/themes/calibreweb/hotline.css @@ -1 +1,17 @@ -@import url(https://theme-park.dev/CSS/themes/calibreweb/calibreweb-base.css);@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file + +/* 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 */ + +/* CALIBRE-WEB HOTLINE THEME */ +/* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */ +@import url(https://theme-park.dev/CSS/themes/calibreweb/calibreweb-base.css); +@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file diff --git a/CSS/themes/calibreweb/organizr-dark.css b/CSS/themes/calibreweb/organizr-dark.css index 84c534ce..4262a801 100644 --- a/CSS/themes/calibreweb/organizr-dark.css +++ b/CSS/themes/calibreweb/organizr-dark.css @@ -1 +1,17 @@ -@import url(https://theme-park.dev/CSS/themes/calibreweb/calibreweb-base.css);@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file + +/* 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 */ + +/* CALIBRE-WEB ORGANIZR-DARK THEME */ +/* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */ +@import url(https://theme-park.dev/CSS/themes/calibreweb/calibreweb-base.css); +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file diff --git a/CSS/themes/calibreweb/space-gray.css b/CSS/themes/calibreweb/space-gray.css index 0bf3c2f8..46daa1d7 100644 --- a/CSS/themes/calibreweb/space-gray.css +++ b/CSS/themes/calibreweb/space-gray.css @@ -1 +1,17 @@ -@import url(https://theme-park.dev/CSS/themes/calibreweb/calibreweb-base.css);@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file + +/* 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 */ + +/* CALIBRE-WEB SPACE GRAY THEME */ +/* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */ +@import url(https://theme-park.dev/CSS/themes/calibreweb/calibreweb-base.css); +@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file diff --git a/CSS/themes/deluge/aquamarine.css b/CSS/themes/deluge/aquamarine.css index 7a342395..abcf88cd 100644 --- a/CSS/themes/deluge/aquamarine.css +++ b/CSS/themes/deluge/aquamarine.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/deluge/deluge-base.css);@import url(https://theme-park.dev/CSS/variables/aquamarine.css);:root{--progress-color:0,150,136} \ No newline at end of file + +/* 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); + +/* APP VARS */ +:root { + --progress-color: 0, 150, 136; +} \ No newline at end of file diff --git a/CSS/themes/deluge/dark.css b/CSS/themes/deluge/dark.css index bdeef737..80f6e07a 100644 --- a/CSS/themes/deluge/dark.css +++ b/CSS/themes/deluge/dark.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/deluge/deluge-base.css);@import url(https://theme-park.dev/CSS/variables/dark.css);:root{--progress-color:61,61,61} \ No newline at end of file + +/* 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); + +/* APP VARS */ +:root { + --progress-color: 61, 61, 61; +} diff --git a/CSS/themes/deluge/deluge-base.css b/CSS/themes/deluge/deluge-base.css index d21e5d0a..dc2aec23 100644 --- a/CSS/themes/deluge/deluge-base.css +++ b/CSS/themes/deluge/deluge-base.css @@ -1 +1,2452 @@ -@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}::-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-body table,.x-grid3-header table{border-collapse:collapse}.ext-el-mask{background-color:rgba(0,0,0,.25)}.ext-el-mask-msg{border-color:#999;background-color:#f000;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}.x-item-disabled{color:#aaa}.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.x-color-palette-sel,.x-color-palette a:hover{border-color:#cfcfcf;background-color:#eaeaea}.x-deluge-plugins{background:0 0}.x-deluge-all{background-image:url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/all.png);background-position:left center}.x-btn .x-deluge-downloading,.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}.deluge-torrents .seeding,.x-btn .x-deluge-seeding,.x-deluge-seed,.x-deluge-seeding{background-image:url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/uling.png);background-position:left center}.x-btn .x-deluge-traffic,.x-deluge-active,.x-deluge-traffic{background-image:url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/active.png);background-position:left center}.deluge-torrents .paused,.x-btn .x-deluge-paused,.x-deluge-paused{background-image:url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/paused.png);background-position:left center}.deluge-torrents .queued,.x-btn .x-deluge-queued,.x-deluge-queued{background-image:url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/queued.png);background-position:left center}.deluge-torrents .checking,.x-deluge-checking{background-image:url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/checking.png);background-position:left center}.deluge-torrents .error,.icon-error,.x-deluge-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-btn .x-deluge-connections,.x-deluge-connections{background-image:url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/connections.png)!important;background-position:left center}.x-btn .x-deluge-freespace,.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-btn .x-deluge-find-more,.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,.icon-edit-trackers,.x-btn .x-deluge-edit-trackers,.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-btn .x-deluge-install-plugin,.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{border-color:#aca899}.x-ie-shadow{background-color:#777}.loading-indicator{font-size:11px}.x-spotlight{background-color:#ccc}.x-tab-panel-footer,.x-tab-panel-header{background:var(--main-bg-color);border-color:#d0d0d0;overflow:hidden;zoom:1;padding-bottom:0}.x-tab-panel-footer,.x-tab-panel-header{border-color:transparent}ul.x-tab-strip-top{background-color:rgba(0,0,0,.25);background-image:none;border-bottom-color:transparent}ul.x-tab-strip-bottom{background-color:rgba(0,0,0,.25);border-top-color:transparent}.x-tab-panel-footer-plain .x-tab-strip-spacer,.x-tab-panel-header-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:700}.x-tab-strip-disabled .x-tabs-text{color:var(--text-muted)}.x-tab-strip-top .x-tab-left,.x-tab-strip-top .x-tab-right,.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,.25)}#torrentDetails dl dt,dl.singleline dt{color:var(--text-hover)!important}.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{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;cursor:default}.x-tab-scroller-right{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,.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{border-bottom-color:#b5b8c8}.x-trigger-wrap-focus .x-form-trigger{border-bottom-color:#777}.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;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}.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}.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-fieldset{border-color:rgba(255,255,255,.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 0!important}.x-btn .x-deluge-connection-manager,.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-btn .x-deluge-connection-manager:hover,.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-btn .x-deluge-connection-manager:active,.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:400}#tbar-deluge-text *{color:var(--text-hover)!important}.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:400}.x-btn-bc,.x-btn-bl,.x-btn-br,.x-btn-mc,.x-btn-ml,.x-btn-mr,.x-btn-tc,.x-btn-tl,.x-btn-tr{background-image:none}.x-btn-click .x-btn-text,.x-btn-menu-active .x-btn-text,.x-btn-pressed .x-btn-text{color:#aaa}.x-btn-disabled *{color:gray!important}.x-btn-group-header{color:#666}.x-toolbar{border-color:transparent;background-color:transparent;background-image:none}.x-toolbar div,.x-toolbar input,.x-toolbar label,.x-toolbar select,.x-toolbar span,.x-toolbar td{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:0}.x-toolbar .xtb-sep{background:linear-gradient(to right,transparent 45%,rgba(255,255,255,.08) 45%,rgba(255,255,255,.08) 55%,transparent 55%);width:10px}.x-paging-info{color:#444}.x-resizable-handle{background-color:#fff}.x-resizable-proxy{border-color:#565656}.x-resizable-overlay{background-color:#fff}.x-grid3{background:rgba(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}.x-grid3-row{border-color:transparent;border-top-color:transparent}.x-grid3-row-alt{background-color:rgba(0,0,0,.25)}.x-grid3-row-over{border-color:transparent;background-color:rgba(255,255,255,.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,.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}td.sort-asc,td.sort-desc,td.x-grid3-hd-menu-open,td.x-grid3-hd-over{border-left-color:rgba(0,0,0,.25);border-right-color:transparent}td.sort-asc .x-grid3-hd-inner,td.sort-desc .x-grid3-hd-inner,td.x-grid3-hd-menu-open .x-grid3-hd-inner,td.x-grid3-hd-over .x-grid3-hd-inner{background-color:rgba(0,0,0,.25);background-image:none}.x-grid3-cell-text,.x-grid3-hd-text{color:#000}.x-grid3-hd-text{color:#333}.x-dd-drag-proxy .x-grid3-hd-inner{background-color:#f9f9f9;border-color:#acacac}.x-grid3-row-selected{background-color:rgba(255,255,255,.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 .x-grid3-row-selected td.x-grid3-row-marker,.x-grid3-locked td.x-grid3-row-marker{background-color:#ebeadb!important;color:#000;border-top-color:#fff;border-right-color:#6fa0df!important}.x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div,.x-grid3-locked td.x-grid3-row-marker div{color:#333!important}.x-grid3-bottombar,.x-grid3-topbar{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{color:#000!important}.x-props-grid .x-grid3-body .x-grid3-td-name{background-color:#fff!important;border-right-color:#eee}.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 #444;background-clip:content-box}.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner{color:#444}.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{color:#5f5f5f;font:bold 11px Roboto,tahoma,arial,helvetica,sans-serif}.x-cols-icon{background-image:url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/columns.png)}.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-view-selector{background-color:#d6d6d6;border-color:#888}.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 .x-tree-node-inline-icon{background-image:none}.x-tree-node-loading a span{font-style:italic;color:#444}.ext-ie .x-tree-node-el input{width:15px;height:15px}.x-tree-node{color:#ccc;font:normal 11px Roboto,arial,tahoma,helvetica,sans-serif}.x-treegrid-col,.x-treegrid-root-table{border-color:rgba(255,255,255,.08)!important}.x-dd-drag-ghost a,.x-tree-node a{color:#ccc}.x-dd-drag-ghost a span,.x-tree-node a span{color:#ccc}.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,.08)}.x-tree-node .x-tree-selected{background-color:rgba(0,0,0,.45)}.x-date-picker{border-color:#585858;background-color:#fff}.x-date-left,.x-date-middle,.x-date-right{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-inner th{background-color:#d8d8d8;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:#8b0000}.x-date-inner .x-date-selected span{font-weight:700}.x-date-inner .x-date-nextday a,.x-date-inner .x-date-prevday 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 .x-date-disabled a:hover,.x-date-inner 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:silver #434343 #434343 silver;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;border-color:#dcdcdc}td.x-date-mp-sep{border-right-color:#d7d7d7}.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-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-sep{background-color:transparent;border-bottom-color:rgba(255,255,255,.08)}a.x-menu-item{color:var(--text)}.x-menu-item-active{background-image:none;background-color:rgba(255,255,255,.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-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-box-mc{background-color:#eee;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:700}.x-box-blue .x-box-mc{background-color:#c3daf9}.x-box-blue .x-box-mc h3{color:#17385b}.x-combo-list{border-color:#666;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;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:#333}.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:700;font-size:11px;font-family:Roboto,tahoma,arial,verdana,sans-serif;border-color:transparent;background-image:none;background-color:rgba(0,0,0,.25)}.x-panel-body{border-color:transparent;border:1px solid rgba(255,255,255,.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-mc .x-panel-tbar .x-toolbar,.x-panel-tbar-noheader .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-bl,.x-panel-br,.x-panel-tl,.x-panel-tr{border-bottom-color:#d0d0d0}.x-panel-mc{font:normal 11px Roboto,tahoma,arial,helvetica,sans-serif;background-color:#f1f1f1}.x-panel-ml{background-color:#fff}.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 div,.x-panel-fbar input,.x-panel-fbar label,.x-panel-fbar select,.x-panel-fbar span,.x-panel-fbar td{font:normal 11px Roboto,arial,tahoma,helvetica,sans-serif}.x-tab-panel-footer,.x-window,.x-window .x-panel-body,.x-window .x-panel-noborder .x-panel-bbar-noborder .x-toolbar,.x-window .x-tab-panel-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}.x-panel-tbar .x-toolbar,.x-window .x-panel-bbar .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,.25)}.x-window-tl .x-window-header{color:#fff;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-panel-noborder .x-panel-header-noborder{border-bottom-color:rgba(255,255,255,.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:400}.x-layout-collapsed{background-color:rgba(0,0,0,.25);border-color:transparent}.x-layout-collapsed-over{background-color:rgba(0,0,0,.45)}.x-progress-wrap{border-color:transparent}.x-progress-inner{background-color:transparent;background-image:none}.x-progress-bar{background-color:rgb(var(--progress-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:400;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,.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,.08)}.x-list-selected{background-color:rgba(255,255,255,.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-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} \ No newline at end of file + /* 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; + } + + .x-progress-inner { + background-color: transparent; + background-image: none; + } + + .x-progress-bar { + background-color: rgb(var(--progress-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 index abdaf309..1f6840fa 100644 --- a/CSS/themes/deluge/dracula.css +++ b/CSS/themes/deluge/dracula.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/deluge/deluge-base.css);@import url(https://theme-park.dev/CSS/variables/dracula.css);:root{--progress-color:80,250,123} \ No newline at end of file + +/* 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); + +/* APP VARS */ +:root { + --progress-color: 80, 250, 123; +} \ No newline at end of file diff --git a/CSS/themes/deluge/hotline.css b/CSS/themes/deluge/hotline.css index d4d87403..45b5d1e4 100644 --- a/CSS/themes/deluge/hotline.css +++ b/CSS/themes/deluge/hotline.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/deluge/deluge-base.css);@import url(https://theme-park.dev/CSS/variables/hotline.css);:root{--progress-color:223,108,76} \ No newline at end of file + +/* 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); + +/* APP VARS */ +:root { + --progress-color: 223, 108, 76; +} \ No newline at end of file diff --git a/CSS/themes/deluge/organizr-dark.css b/CSS/themes/deluge/organizr-dark.css index 1c9aae05..9950f168 100644 --- a/CSS/themes/deluge/organizr-dark.css +++ b/CSS/themes/deluge/organizr-dark.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/deluge/deluge-base.css);@import url(https://theme-park.dev/CSS/variables/organizr-dark.css);:root{--progress-color:44,171,227} \ No newline at end of file + +/* 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); + +/* APP VARS */ +:root { + --progress-color: 44, 171, 227; +} \ No newline at end of file diff --git a/CSS/themes/deluge/plex.css b/CSS/themes/deluge/plex.css index 4d931510..0ed1ff17 100644 --- a/CSS/themes/deluge/plex.css +++ b/CSS/themes/deluge/plex.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/deluge/deluge-base.css);@import url(https://theme-park.dev/CSS/variables/plex.css);:root{--progress-color:204,123,25} \ No newline at end of file + +/* 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); + +/* APP VARS */ +:root { + --progress-color: 204, 123, 25; +} \ No newline at end of file diff --git a/CSS/themes/deluge/space-gray.css b/CSS/themes/deluge/space-gray.css index 79c7b4a3..b7008796 100644 --- a/CSS/themes/deluge/space-gray.css +++ b/CSS/themes/deluge/space-gray.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/deluge/deluge-base.css);@import url(https://theme-park.dev/CSS/variables/space-gray.css);:root{--progress-color:96,125,139} \ No newline at end of file + +/* 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); + +/* APP VARS */ +:root { + --progress-color: 96, 125, 139; +} \ No newline at end of file diff --git a/CSS/themes/dozzle/aquamarine.css b/CSS/themes/dozzle/aquamarine.css index babeb198..b2294253 100644 --- a/CSS/themes/dozzle/aquamarine.css +++ b/CSS/themes/dozzle/aquamarine.css @@ -1 +1,26 @@ -@import url(https://theme-park.dev/CSS/themes/dozzle/dozzle-base.css);@import url(https://theme-park.dev/CSS/variables/aquamarine.css);: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))} \ No newline at end of file + +/* 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 */ + +/* DOZZLE AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/dozzle/dozzle-base.css); +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); + +/* APP VARS */ +: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)); +} \ No newline at end of file diff --git a/CSS/themes/dozzle/dark.css b/CSS/themes/dozzle/dark.css index de787787..dcc68fe9 100644 --- a/CSS/themes/dozzle/dark.css +++ b/CSS/themes/dozzle/dark.css @@ -1 +1,26 @@ -@import url(https://theme-park.dev/CSS/themes/dozzle/dozzle-base.css);@import url(https://theme-park.dev/CSS/variables/dark.css);: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))} \ No newline at end of file + +/* 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 */ + +/* DOZZLE DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/dozzle/dozzle-base.css); +@import url(https://theme-park.dev/CSS/variables/dark.css); + +/* APP VARS */ +: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)); +} \ No newline at end of file diff --git a/CSS/themes/dozzle/dozzle-base.css b/CSS/themes/dozzle/dozzle-base.css index 360bb1c2..3998d83c 100644 --- a/CSS/themes/dozzle/dozzle-base.css +++ b/CSS/themes/dozzle/dozzle-base.css @@ -1 +1,268 @@ -*{outline:0}body,html{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)}.menu-label,h1,h2,h3,h4,h5,h6,section header{color:var(--text-hover)!important}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}.menu-list a,p{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)}.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:#000!important}li.exited a{color:var(--text-muted)!important}.dropdown-content,.input,.select select,.textarea{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))}.input:active,.input:focus,.is-active.input,.is-active.textarea,.is-focused.input,.is-focused.textarea,.select select.is-active,.select select.is-focused,.select select:active,.select select:focus,.textarea:active,.textarea:focus{border-color:rgb(var(--accent-color));box-shadow:0 0 0 .125em rgba(var(--accent-color),.25)}.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.is-active,.button: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]:active:checked+.check,.switch input[type=checkbox]:focus:checked+.check{box-shadow:0 0 .5em rgb(var(--accent-color),.8)}.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 +/* 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; +} + +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/dozzle/dracula.css b/CSS/themes/dozzle/dracula.css index d418182c..22dcb6d3 100644 --- a/CSS/themes/dozzle/dracula.css +++ b/CSS/themes/dozzle/dracula.css @@ -1 +1,26 @@ -@import url(https://theme-park.dev/CSS/themes/dozzle/dozzle-base.css);@import url(https://theme-park.dev/CSS/variables/dracula.css);: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))} \ No newline at end of file + +/* 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 */ + +/* DOZZLE DRACULA THEME */ +@import url(https://theme-park.dev/CSS/themes/dozzle/dozzle-base.css); +@import url(https://theme-park.dev/CSS/variables/dracula.css); + +/* APP VARS */ +: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)); +} \ No newline at end of file diff --git a/CSS/themes/dozzle/hotline.css b/CSS/themes/dozzle/hotline.css index d0dd141e..c55431ba 100644 --- a/CSS/themes/dozzle/hotline.css +++ b/CSS/themes/dozzle/hotline.css @@ -1 +1,26 @@ -@import url(https://theme-park.dev/CSS/themes/dozzle/dozzle-base.css);@import url(https://theme-park.dev/CSS/variables/hotline.css);: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))} \ No newline at end of file + +/* 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 */ + +/* DOZZLE HOTLINE THEME */ +@import url(https://theme-park.dev/CSS/themes/dozzle/dozzle-base.css); +@import url(https://theme-park.dev/CSS/variables/hotline.css); + +/* APP VARS */ +: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)); +} \ No newline at end of file diff --git a/CSS/themes/dozzle/organizr-dark.css b/CSS/themes/dozzle/organizr-dark.css index a11561a1..ca21a4fb 100644 --- a/CSS/themes/dozzle/organizr-dark.css +++ b/CSS/themes/dozzle/organizr-dark.css @@ -1 +1,26 @@ -@import url(https://theme-park.dev/CSS/themes/dozzle/dozzle-base.css);@import url(https://theme-park.dev/CSS/variables/organizr-dark.css);: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))} \ No newline at end of file + +/* 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 */ + +/* DOZZLE ORGANIZR-DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/dozzle/dozzle-base.css); +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); + +/* APP VARS */ +: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)); +} \ No newline at end of file diff --git a/CSS/themes/dozzle/plex.css b/CSS/themes/dozzle/plex.css index 0095d775..0336c880 100644 --- a/CSS/themes/dozzle/plex.css +++ b/CSS/themes/dozzle/plex.css @@ -1 +1,26 @@ -@import url(https://theme-park.dev/CSS/themes/dozzle/dozzle-base.css);@import url(https://theme-park.dev/CSS/variables/plex.css);: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))} \ No newline at end of file + +/* 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 */ + +/* DOZZLE PLEX THEME */ +@import url(https://theme-park.dev/CSS/themes/dozzle/dozzle-base.css); +@import url(https://theme-park.dev/CSS/variables/plex.css); + +/* APP VARS */ +: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)); +} \ No newline at end of file diff --git a/CSS/themes/dozzle/space-gray.css b/CSS/themes/dozzle/space-gray.css index bb9f5d7b..7aa537d3 100644 --- a/CSS/themes/dozzle/space-gray.css +++ b/CSS/themes/dozzle/space-gray.css @@ -1 +1,26 @@ -@import url(https://theme-park.dev/CSS/themes/dozzle/dozzle-base.css);@import url(https://theme-park.dev/CSS/variables/space-gray.css);: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))} \ No newline at end of file + +/* 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 */ + +/* DOZZLE SPACE GRAY THEME */ +@import url(https://theme-park.dev/CSS/themes/dozzle/dozzle-base.css); +@import url(https://theme-park.dev/CSS/variables/space-gray.css); + +/* APP VARS */ +: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)); +} \ No newline at end of file diff --git a/CSS/themes/duplicacy/aquamarine.css b/CSS/themes/duplicacy/aquamarine.css index 6ec9d02a..458c004a 100644 --- a/CSS/themes/duplicacy/aquamarine.css +++ b/CSS/themes/duplicacy/aquamarine.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/duplicacy/duplicacy-base.css);@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file + +/* 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 */ + +/* DUPLICACY AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/duplicacy/duplicacy-base.css); +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file diff --git a/CSS/themes/duplicacy/dark.css b/CSS/themes/duplicacy/dark.css index 54298a23..ca6fc31a 100644 --- a/CSS/themes/duplicacy/dark.css +++ b/CSS/themes/duplicacy/dark.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/duplicacy/duplicacy-base.css);@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file + +/* 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 */ + +/* DUPLICACY DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/duplicacy/duplicacy-base.css); +@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file diff --git a/CSS/themes/duplicacy/dracula.css b/CSS/themes/duplicacy/dracula.css index ba6eb0f3..4a2f21f8 100644 --- a/CSS/themes/duplicacy/dracula.css +++ b/CSS/themes/duplicacy/dracula.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/duplicacy/duplicacy-base.css);@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file + +/* 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 */ + +/* DUPLICACY DRACULA THEME */ +@import url(https://theme-park.dev/CSS/themes/duplicacy/duplicacy-base.css); +@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file diff --git a/CSS/themes/duplicacy/duplicacy-base.css b/CSS/themes/duplicacy/duplicacy-base.css index a22dc3d7..b8358f73 100644 --- a/CSS/themes/duplicacy/duplicacy-base.css +++ b/CSS/themes/duplicacy/duplicacy-base.css @@ -1 +1,686 @@ -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-contenta){color:var(--link-color)!important}a:hover:not(.timeline-contenta){color:var(--link-color-hover)!important}a.disabled-link{color:var(--text-muted)}@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}.card .labels p,.card .stats,.category,.footer .copyright,.navbar-default .navbar-brand,.off-canvas-sidebar .nav li>a,.sidebar .nav li>a,.vis-time-axis .vis-text,body{color:var(--text)!important}.card,.card .title,.card label,.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{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{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}.card{background:0 0}.col-md-12 .card,.col-sm-6 .card{background:0 0!important}.card-container,.col-xs-12 .card,.col-xs-4 .card,.col-xs-8 .card{background:rgb(0 0 0 / 8%)!important}#schedule-0,#schedule-1,#schedule-10,#schedule-11,#schedule-12,#schedule-13,#schedule-14,#schedule-15,#schedule-16,#schedule-17,#schedule-18,#schedule-19,#schedule-2,#schedule-20,#schedule-3,#schedule-4,#schedule-5,#schedule-6,#schedule-7,#schedule-8,#schedule-9,[id*="#schedule-"]{background-color:rgb(0 0 0 / 8%)}.vis-timeline{border:1px solid rgb(255 255 255 / 20%)}.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)}.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:focus,.card .nav>li>a:hover{background-color:rgba(255,255,255,.07);border:1px solid transparent}.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%)}.off-canvas-sidebar[data-background-color=black]:after,.off-canvas-sidebar[data-background-color=black]:before,.sidebar[data-background-color=black]:after,.sidebar[data-background-color=black]:before{background:rgb(0 0 0 / 10%)}.off-canvas-sidebar[data-background-color=black] .logo,.sidebar[data-background-color=black] .logo{border-bottom:1px solid rgba(var(--accent-color))}.sidebar .nav li.active>a:after,.sidebar .nav li.active>a:before{border-right:17px solid rgb(var(--accent-color))}@media (min-width:992px){.off-canvas-sidebar .nav li.active>a:after,.off-canvas-sidebar .nav li.active>a:before{border-right:17px solid rgb(var(--accent-color))}}.off-canvas-sidebar[data-active-color=success] .nav li.active>a,.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-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-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}.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)}#administration_expiration:focus,#backup_storage:focus,#input_s3_provider:focus,#job_repository:focus,#job_type:focus,#modal_restore_id:focus,#modal_restore_revision:focus,#modal_restore_storage:focus,#schedule_frequency:focus{background:#fff;color:#000}.form-check-label{word-break:break-word}.btn{color:var(--button-text);border-width:1px;border-radius:4px}.main-panel .btn:focus,.main-panel .btn:hover{background:0 0}.timepicker-spinner .btn:focus,.timepicker-spinner .btn:hover{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.active,.btn-info.btn-fill:active,.btn-info.btn-fill:focus,.btn-info.btn-fill:hover{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:active:focus,.btn-primary: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)}.btn-danger.btn-fill,.navbar .navbar-nav>li>a.btn-danger.btn-fill,div>div>div.modal-footer>button.btn.btn-default.pull-left{border-color:#f05050;background-color:#f05050;color:#eee}.btn-danger.btn-fill:focus,.btn-danger.btn-fill:hover,.navbar .navbar-nav>li>a.btn-danger.btn-fill:focus,.navbar .navbar-nav>li>a.btn-danger.btn-fill:hover,div>div>div.modal-footer>button.btn.btn-default.pull-left:focus,div>div>div.modal-footer>button.btn.btn-default.pull-left:hover{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:focus,div.bootbox.modal.fade.bootbox-confirm.in>div>div>div.modal-footer>button.btn.btn-default:hover{border-color:#ec2626;color:#fff;background-color:#ec2626}.close{color:#fff}.btn-success,.navbar .navbar-nav>li>a.btn-success{border-color:var(--button-color);color:var(--button-color)}.btn-success.active,.btn-success:active,.btn-success:focus,.btn-success:hover,.navbar .navbar-nav>li>a.btn-success.active,.navbar .navbar-nav>li>a.btn-success:active,.navbar .navbar-nav>li>a.btn-success:focus,.navbar .navbar-nav>li>a.btn-success:hover,.open>.btn-success.dropdown-toggle,.open>.navbar .navbar-nav>li>a.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,.btn-icon.active.focus,.btn-icon.active:focus,.btn-icon.active:hover,.btn-icon:active,.btn-icon:active.focus,.btn-icon:active:focus,.btn-icon:active:hover,.btn-icon:focus,.btn-icon:hover,.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)}.row-clickable.active,.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: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 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 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{background-color:rgba(0,0,0,.25)}.progress-bar{background-color:rgb(var(--accent-color))}.progress span{color:var(--text-hover)}.main-panel>.footer{background:rgb(0 0 0 / .25)}@media (max-width:991px){.off-canvas-sidebar .sidebar-wrapper{box-shadow:0 0 10px 0 #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}.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 +/* 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/duplicacy/hotline.css b/CSS/themes/duplicacy/hotline.css index 71d533b6..91a7e885 100644 --- a/CSS/themes/duplicacy/hotline.css +++ b/CSS/themes/duplicacy/hotline.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/duplicacy/duplicacy-base.css);@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file + +/* 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 */ + +/* DUPLICACY HOTLINE THEME */ +@import url(https://theme-park.dev/CSS/themes/duplicacy/duplicacy-base.css); +@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file diff --git a/CSS/themes/duplicacy/organizr-dark.css b/CSS/themes/duplicacy/organizr-dark.css index acc64dbb..23ffe336 100644 --- a/CSS/themes/duplicacy/organizr-dark.css +++ b/CSS/themes/duplicacy/organizr-dark.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/duplicacy/duplicacy-base.css);@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file + +/* 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 */ + +/* DUPLICACY ORGANIZR-DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/duplicacy/duplicacy-base.css); +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file diff --git a/CSS/themes/duplicacy/plex.css b/CSS/themes/duplicacy/plex.css index 936f9dd8..bff724fd 100644 --- a/CSS/themes/duplicacy/plex.css +++ b/CSS/themes/duplicacy/plex.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/duplicacy/duplicacy-base.css);@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file + +/* 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 */ + +/* DUPLICACY PLEX THEME */ +@import url(https://theme-park.dev/CSS/themes/duplicacy/duplicacy-base.css); +@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file diff --git a/CSS/themes/duplicacy/space-gray.css b/CSS/themes/duplicacy/space-gray.css index 763a5f83..07ea4f5f 100644 --- a/CSS/themes/duplicacy/space-gray.css +++ b/CSS/themes/duplicacy/space-gray.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/duplicacy/duplicacy-base.css);@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file + +/* 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 */ + +/* DUPLICACY SPACE GRAY THEME */ +@import url(https://theme-park.dev/CSS/themes/duplicacy/duplicacy-base.css); +@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file diff --git a/CSS/themes/emby/aquamarine.css b/CSS/themes/emby/aquamarine.css index 3ae888f7..fa0cc664 100644 --- a/CSS/themes/emby/aquamarine.css +++ b/CSS/themes/emby/aquamarine.css @@ -1 +1,63 @@ -@import url(https://theme-park.dev/CSS/themes/emby/emby-base.css);@import url(https://theme-park.dev/CSS/variables/aquamarine.css);: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)} \ No newline at end of file + +/* 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 */ + +/* EMBY AQUAMARINE THEME */ +@import url("https://theme-park.dev/CSS/themes/emby/emby-base.css"); +@import url("https://theme-park.dev/CSS/variables/aquamarine.css"); +: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); +} \ No newline at end of file diff --git a/CSS/themes/emby/dark.css b/CSS/themes/emby/dark.css index 12507f17..8541c6e4 100644 --- a/CSS/themes/emby/dark.css +++ b/CSS/themes/emby/dark.css @@ -1 +1,63 @@ -@import url(https://theme-park.dev/CSS/themes/emby/emby-base.css);@import url(https://theme-park.dev/CSS/variables/dark.css);: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)} \ No newline at end of file + +/* 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 */ + +/* EMBY DARK THEME */ +@import url("https://theme-park.dev/CSS/themes/emby/emby-base.css"); +@import url("https://theme-park.dev/CSS/variables/dark.css"); +: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); +} \ No newline at end of file diff --git a/CSS/themes/emby/dracula.css b/CSS/themes/emby/dracula.css index 3d4d6b54..8844f812 100644 --- a/CSS/themes/emby/dracula.css +++ b/CSS/themes/emby/dracula.css @@ -1 +1,63 @@ -@import url(https://theme-park.dev/CSS/themes/emby/emby-base.css);@import url(https://theme-park.dev/CSS/variables/dracula.css);: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)} \ No newline at end of file + +/* 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 */ + +/* EMBY DRACULA THEME */ +@import url("https://theme-park.dev/CSS/themes/emby/emby-base.css"); +@import url("https://theme-park.dev/CSS/variables/dracula.css"); +: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); +} \ No newline at end of file diff --git a/CSS/themes/emby/emby-base.css b/CSS/themes/emby/emby-base.css index 7d60d6ca..32ac0025 100644 --- a/CSS/themes/emby/emby-base.css +++ b/CSS/themes/emby/emby-base.css @@ -1 +1,699 @@ -.inputLabel,h1,h2,h3,h4,h5,h6,label{color:var(--text-hover)}.cardText.cardTextCentered.cardText-first>button,a:not(.emby-button){color:var(--link-color)!important}.cardText.cardTextCentered.cardText-first>button:hover,a:hover:not(.emby-button){color:var(--link-color-hover)!important}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{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,.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,.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 +/*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 { + 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/emby/hotline.css b/CSS/themes/emby/hotline.css index a5f0c1c1..aa2536ef 100644 --- a/CSS/themes/emby/hotline.css +++ b/CSS/themes/emby/hotline.css @@ -1 +1,63 @@ -@import url(https://theme-park.dev/CSS/themes/emby/emby-base.css);@import url(https://theme-park.dev/CSS/variables/hotline.css);: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)} \ No newline at end of file + +/* 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 */ + +/* EMBY HOTLINE THEME */ +@import url("https://theme-park.dev/CSS/themes/emby/emby-base.css"); +@import url("https://theme-park.dev/CSS/variables/hotline.css"); +: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); +} \ No newline at end of file diff --git a/CSS/themes/emby/organizr-dark.css b/CSS/themes/emby/organizr-dark.css index 99076224..0d1ab840 100644 --- a/CSS/themes/emby/organizr-dark.css +++ b/CSS/themes/emby/organizr-dark.css @@ -1 +1,63 @@ -@import url(https://theme-park.dev/CSS/themes/emby/emby-base.css);@import url(https://theme-park.dev/CSS/variables/organizr-dark.css);: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)} \ No newline at end of file + +/* 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 */ + +/* EMBY ORGANIZR-DARK THEME */ +@import url("https://theme-park.dev/CSS/themes/emby/emby-base.css"); +@import url("https://theme-park.dev/CSS/variables/organizr-dark.css"); +: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); +} \ No newline at end of file diff --git a/CSS/themes/emby/plex.css b/CSS/themes/emby/plex.css index 8a981b7a..c9c677ca 100644 --- a/CSS/themes/emby/plex.css +++ b/CSS/themes/emby/plex.css @@ -1 +1,63 @@ -@import url(https://theme-park.dev/CSS/themes/emby/emby-base.css);@import url(https://theme-park.dev/CSS/variables/plex.css);: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)} \ No newline at end of file + +/* 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 */ + +/* EMBY PLEX THEME */ +@import url("https://theme-park.dev/CSS/themes/emby/emby-base.css"); +@import url("https://theme-park.dev/CSS/variables/plex.css"); +: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); +} \ No newline at end of file diff --git a/CSS/themes/emby/space-gray.css b/CSS/themes/emby/space-gray.css index ca288311..17397553 100644 --- a/CSS/themes/emby/space-gray.css +++ b/CSS/themes/emby/space-gray.css @@ -1 +1,63 @@ -@import url(https://theme-park.dev/CSS/themes/emby/emby-base.css);@import url(https://theme-park.dev/CSS/variables/space-gray.css);: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)} \ No newline at end of file + +/* 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 */ + +/* EMBY SPACE GRAY THEME */ +@import url("https://theme-park.dev/CSS/themes/emby/emby-base.css"); +@import url("https://theme-park.dev/CSS/variables/space-gray.css"); +: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); +} \ No newline at end of file diff --git a/CSS/themes/filebrowser/aquamarine.css b/CSS/themes/filebrowser/aquamarine.css index b2642dc3..79952918 100644 --- a/CSS/themes/filebrowser/aquamarine.css +++ b/CSS/themes/filebrowser/aquamarine.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/filebrowser/filebrowser-base.css);@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file + +/* 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 */ + +/* FILEBROWSER AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/filebrowser/filebrowser-base.css); +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file diff --git a/CSS/themes/filebrowser/dark.css b/CSS/themes/filebrowser/dark.css index 9bc8d5ca..00af3b49 100644 --- a/CSS/themes/filebrowser/dark.css +++ b/CSS/themes/filebrowser/dark.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/filebrowser/filebrowser-base.css);@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file + +/* 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 */ + +/* FILEBROWSER DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/filebrowser/filebrowser-base.css); +@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file diff --git a/CSS/themes/filebrowser/dracula.css b/CSS/themes/filebrowser/dracula.css index 246ca6a3..ac4bcfe2 100644 --- a/CSS/themes/filebrowser/dracula.css +++ b/CSS/themes/filebrowser/dracula.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/filebrowser/filebrowser-base.css);@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file + +/* 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 */ + +/* FILEBROWSER DRACULA THEME */ +@import url(https://theme-park.dev/CSS/themes/filebrowser/filebrowser-base.css); +@import url(https://theme-park.dev/CSS/variables/dracula.css); diff --git a/CSS/themes/filebrowser/filebrowser-base.css b/CSS/themes/filebrowser/filebrowser-base.css index 68b4dd37..131013c4 100644 --- a/CSS/themes/filebrowser/filebrowser-base.css +++ b/CSS/themes/filebrowser/filebrowser-base.css @@ -1 +1,684 @@ -input::-webkit-input-placeholder{color:var(--text)}input:focus::-webkit-input-placeholder{color:var(--text-hover)}input:-moz-placeholder{color:var(--text)}input:focus:-moz-placeholder{color:var(--text-hover)}input::-moz-placeholder{color:var(--text)}input:focus::-moz-placeholder{color:var(--text-hover)}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,.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:0;padding-bottom:0}nav .action:hover{background-color:rgba(255,255,255,.05);color:rgb(var(--accent-color))}nav>div{border-top:none}header{background:rgba(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,.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:0 0}.share__box__info{background:rgba(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,.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,.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,.1)}#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:#000}#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:0 0}button,input,select,textarea{color:var(--text-hover)}.collapsible>label *{color:var(--text-hover)}.breadcrumbs,.breadcrumbs span,.breadcrumbs span a,.link,a{color:var(--link-color)}.breadcrumbs span a:hover,.link:hover,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,.08)}#listing.mosaic .item{box-shadow:none!important}#listing.mosaic .item:hover{box-shadow:none!important;background-color:rgba(255,255,255,.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}}.button:not(.button--flat.button--red){background:var(--button-color);color:var(--button-text)}.button:active:not(.button--flat.button--red),.button:focus:not(.button--flat.button--red),.button:hover: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-chrome .ace_gutter{background:#282a36!important;color:#909194!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 0 #282a36;border-radius:2px}.ace-chrome .ace_marker-layer .ace_step{background:#c6dbae}.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:0 0 0 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 +/* 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/filebrowser/hotline.css b/CSS/themes/filebrowser/hotline.css index d48e696d..41b7ed0c 100644 --- a/CSS/themes/filebrowser/hotline.css +++ b/CSS/themes/filebrowser/hotline.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/filebrowser/filebrowser-base.css);@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file + +/* 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 */ + +/* FILEBROWSER HOTLINE THEME */ +@import url(https://theme-park.dev/CSS/themes/filebrowser/filebrowser-base.css); +@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file diff --git a/CSS/themes/filebrowser/organizr-dark.css b/CSS/themes/filebrowser/organizr-dark.css index d2ac340c..01bb58b1 100644 --- a/CSS/themes/filebrowser/organizr-dark.css +++ b/CSS/themes/filebrowser/organizr-dark.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/filebrowser/filebrowser-base.css);@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file + +/* 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 */ + +/* FILEBROWSER ORGANIZR-DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/filebrowser/filebrowser-base.css); +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file diff --git a/CSS/themes/filebrowser/plex.css b/CSS/themes/filebrowser/plex.css index 9717eddd..cddd3274 100644 --- a/CSS/themes/filebrowser/plex.css +++ b/CSS/themes/filebrowser/plex.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/filebrowser/filebrowser-base.css);@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file + +/* 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 */ + +/* FILEBROWSER PLEX THEME */ +@import url(https://theme-park.dev/CSS/themes/filebrowser/filebrowser-base.css); +@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file diff --git a/CSS/themes/filebrowser/space-gray.css b/CSS/themes/filebrowser/space-gray.css index 76dafa64..1c7f3fcf 100644 --- a/CSS/themes/filebrowser/space-gray.css +++ b/CSS/themes/filebrowser/space-gray.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/filebrowser/filebrowser-base.css);@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file + +/* 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 */ + +/* FILEBROWSER SPACE GRAY THEME */ +@import url(https://theme-park.dev/CSS/themes/filebrowser/filebrowser-base.css); +@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file diff --git a/CSS/themes/flood/aquamarine.css b/CSS/themes/flood/aquamarine.css index 6cba8bd8..4a6f78e1 100644 --- a/CSS/themes/flood/aquamarine.css +++ b/CSS/themes/flood/aquamarine.css @@ -1 +1,20 @@ -@import url(https://theme-park.dev/CSS/themes/flood/flood-base.css);@import url(https://theme-park.dev/CSS/variables/aquamarine.css);:root{--accent-color:18,175,160} \ No newline at end of file +/* 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 */ + +/* FLOOD AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/flood/flood-base.css); +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); + +/* APP VARS */ +:root { + --accent-color: 18, 175, 160; + } \ No newline at end of file diff --git a/CSS/themes/flood/dark.css b/CSS/themes/flood/dark.css index 8e5404c1..b35495d5 100644 --- a/CSS/themes/flood/dark.css +++ b/CSS/themes/flood/dark.css @@ -1 +1,15 @@ -@import url(https://theme-park.dev/CSS/themes/flood/flood-base.css);@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file +/* 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 */ + +/* FLOOD DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/flood/flood-base.css); +@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file diff --git a/CSS/themes/flood/dracula.css b/CSS/themes/flood/dracula.css index 266d3c4c..8cb68d48 100644 --- a/CSS/themes/flood/dracula.css +++ b/CSS/themes/flood/dracula.css @@ -1 +1,15 @@ -@import url(https://theme-park.dev/CSS/themes/flood/flood-base.css);@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file +/* 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 */ + +/* FLOOD DRACULA THEME */ +@import url(https://theme-park.dev/CSS/themes/flood/flood-base.css); +@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file diff --git a/CSS/themes/flood/flood-base.css b/CSS/themes/flood/flood-base.css index 9ccba874..9e228a5c 100644 --- a/CSS/themes/flood/flood-base.css +++ b/CSS/themes/flood/flood-base.css @@ -1 +1,732 @@ -@media (max-width:720px){.action-bar,.dark .torrents,.modal__body,.modal__content__wrapper,.modal__header,.torrents,body{background:#1b1b1b!important}}.dark .torrents,.torrents,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,.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,h1,h2,h3,h4,h5,h6,p{color:var(--text-hover)}.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}.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 .button--quaternary:active,.inverse .input:active,.inverse .input:focus{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 transparent,0 1px 3px 1px transparent;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,.1)}.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%)}.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)}.dark .sidebar__icon-button:focus-visible,.dark .sidebar__icon-button:focus-visible .icon,.dark .sidebar__icon-button:hover,.dark .sidebar__icon-button:hover .icon,.menu__item.is-selectable.is-selected,.select__item--is-selected,.sidebar__icon-button:focus-visible,.sidebar__icon-button:focus-visible .icon,.sidebar__icon-button:hover,.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)}.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}.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,.dark .torrent--is-condensed.torrent--is-selected.torrent--is-stopped .torrent__detail,.torrent--is-condensed.torrent--is-selected .torrent__detail,.torrent--is-condensed.torrent--is-selected.torrent--is-stopped .torrent__detail{color:var(--label-text-color)}.dark .table__heading:focus-visible,.dark .table__heading:hover,.table__heading:focus-visible,.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)}.dark .torrent--is-condensed,.torrent--is-condensed,.torrent--is-condensed:nth-child(0n+1){border-top:1px solid hsla(0,0%,100%,.12)}.dark .torrent-details__sub-heading__secondary,.torrent-details__sub-heading__secondary{color:var(--text);display:flex;font-size:.85rem;flex:1 0 auto}.dark .torrent-details__sub-heading__tertiary .icon,.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}.dark .torrent-details__detail__label,.dark .torrent-details__table,.dark .torrent-details__table__heading--tertiary,.torrent-details__detail__label,.torrent-details__table,.torrent-details__table__heading--tertiary{color:var(--text)}.torrent-details__section--file-tree .directory-tree__node{color:var(--text)!important}.dark .torrent-details__section--file-tree .directory-tree__parent-directory,.torrent-details__section--file-tree .directory-tree__parent-directory{color:var(--text-hover)}.dark .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--primary,.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))}.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)}.action .icon,.dark .action .icon{fill:var(--text-hover)}.action:focus-visible,.action:hover,.dark .action:focus-visible,.dark .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.is-expanded .dropdown__header .dropdown__value,.dropdown__value{color:rgb(var(--accent-color))}.application__sidebar,.dark .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)}.dark .sidebar-filter .badge,.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:#fff}.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:#fff}.torrent--is-selected.torrent--is-stopped .progress-bar__fill{background:#fff}.dark .sidebar__icon-button,.sidebar__icon-button{color:var(--text)}.dark .sidebar__icon-button .icon,.sidebar__icon-button .icon{fill:var(--text)}.diskusage__details-list__label{color:rgb(var(--accent-color))}.tooltip__content{background:#1b1b1b;color:var(--text)}.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-body .modal__tabs,.modal--vertical.modal--tabs-in-header .modal__header{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 0 0}.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 +/* 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/flood/hotline.css b/CSS/themes/flood/hotline.css index ea2a297e..199633f1 100644 --- a/CSS/themes/flood/hotline.css +++ b/CSS/themes/flood/hotline.css @@ -1 +1,15 @@ -@import url(https://theme-park.dev/CSS/themes/flood/flood-base.css);@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file +/* 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 */ + +/* FLOOD HOTLINE THEME */ +@import url(https://theme-park.dev/CSS/themes/flood/flood-base.css); +@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file diff --git a/CSS/themes/flood/organizr-dark.css b/CSS/themes/flood/organizr-dark.css index 9c4cb4dc..d6628af0 100644 --- a/CSS/themes/flood/organizr-dark.css +++ b/CSS/themes/flood/organizr-dark.css @@ -1 +1,15 @@ -@import url(https://theme-park.dev/CSS/themes/flood/flood-base.css);@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file +/* 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 */ + +/* FLOOD ORGANIZR-DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/flood/flood-base.css); +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file diff --git a/CSS/themes/flood/plex.css b/CSS/themes/flood/plex.css index 4a64ded2..2e0ac44c 100644 --- a/CSS/themes/flood/plex.css +++ b/CSS/themes/flood/plex.css @@ -1 +1,15 @@ -@import url(https://theme-park.dev/CSS/themes/flood/flood-base.css);@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file +/* 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 */ + +/* FLOOD PLEX THEME */ +@import url(https://theme-park.dev/CSS/themes/flood/flood-base.css); +@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file diff --git a/CSS/themes/flood/space-gray.css b/CSS/themes/flood/space-gray.css index dff1a3d0..4aa1f564 100644 --- a/CSS/themes/flood/space-gray.css +++ b/CSS/themes/flood/space-gray.css @@ -1 +1,15 @@ -@import url(https://theme-park.dev/CSS/themes/flood/flood-base.css);@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file +/* 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 */ + +/* FLOOD SPACE GRAY THEME */ +@import url(https://theme-park.dev/CSS/themes/flood/flood-base.css); +@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file diff --git a/CSS/themes/gaps/aquamarine.css b/CSS/themes/gaps/aquamarine.css index d4a3986f..9e8b57f6 100644 --- a/CSS/themes/gaps/aquamarine.css +++ b/CSS/themes/gaps/aquamarine.css @@ -1 +1,15 @@ -@import url(https://theme-park.dev/CSS/themes/gaps/gaps-base.css);@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file +/* 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 */ + +/* GAPS AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/gaps/gaps-base.css); +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file diff --git a/CSS/themes/gaps/dark.css b/CSS/themes/gaps/dark.css index 9a3fe1d0..f36d968d 100644 --- a/CSS/themes/gaps/dark.css +++ b/CSS/themes/gaps/dark.css @@ -1 +1,15 @@ -@import url(https://theme-park.dev/CSS/themes/gaps/gaps-base.css);@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file +/* 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 */ + +/* GAPS DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/gaps/gaps-base.css); +@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file diff --git a/CSS/themes/gaps/dracula.css b/CSS/themes/gaps/dracula.css index 86affd6b..aad452e8 100644 --- a/CSS/themes/gaps/dracula.css +++ b/CSS/themes/gaps/dracula.css @@ -1 +1,15 @@ -@import url(https://theme-park.dev/CSS/themes/gaps/gaps-base.css);@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file +/* 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 */ + +/* GAPS DRACULA THEME */ +@import url(https://theme-park.dev/CSS/themes/gaps/gaps-base.css); +@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file diff --git a/CSS/themes/gaps/gaps-base.css b/CSS/themes/gaps/gaps-base.css index f217dfa9..c240132e 100644 --- a/CSS/themes/gaps/gaps-base.css +++ b/CSS/themes/gaps/gaps-base.css @@ -1 +1,395 @@ -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)}@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,.h5,.h6,h1,h2,h3,h4,h4.text-primary,h5,h6,label{color:var(--text-hover)!important}.alert-heading{color:#fff!important}.bg-primary{background-color:transparent!important;background:rgba(0,0,0,.25)!important}.activePage,.arrow-clockwise-active,.collection-fill-active,.exclamation-triangle-active,.gear-active,.info-circle-active,.navbar .list-ul-active,.rss-active{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:focus,.navbar-dark .navbar-nav .nav-link:hover{color:var(--text-hover)}.navbar-dark .navbar-nav .nav-link:focus .default,.navbar-dark .navbar-nav .nav-link:hover .default{background-color:var(--text-hover)}table.dataTable tbody tr,table.dataTable.display tbody tr.odd,table.dataTable.stripe tbody tr.odd{background-color:rgba(0,0,0,.25)}table.dataTable.display tbody tr:hover,table.dataTable.hover tbody tr:hover{background-color:rgba(0,0,0,.25)}table.dataTable thead td,table.dataTable thead th{border-bottom:1px solid #00000000}table.dataTable.display tbody td,table.dataTable.display tbody th,table.dataTable.row-border tbody td,table.dataTable.row-border tbody th{border-top:1px solid rgb(255 255 255 / 10%)}.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:active,.dataTables_wrapper .dataTables_paginate .paginate_button:hover{color:var(--text-hover)!important;border:1px solid transparent;background:rgba(255,255,255,.08)}.dataTables_wrapper .dataTables_paginate .paginate_button:active{outline:0}.card{background:0 0;color:var(--text);border:1px solid transparent}.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}.btn-info,.btn-primary{color:var(--button-text);background-color:var(--button-color)!important;border-color:var(--button-color)!important}.btn-info.focus,.btn-info:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{-webkit-box-shadow:0 0 0 .2rem rgb(var(--accent-color),.5);box-shadow:0 0 0 .2rem rgb(var(--accent-color),.5)}.btn-info:hover,.btn-primary: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:focus,.list-group-item-action:hover{color:var(--button-text-hover);background:var(--button-color-hover);border-color:var(--button-color-hover)}.nav-pills .nav-item.open .nav-link:focus,.nav-pills .nav-link.active:focus,.nav-tabs .nav-item.open .nav-link:focus,.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active,.nav-tabs .nav-link.active:focus,.nav-tabs .nav-link.active:hover{color:rgb(var(--accent-color));background-color:rgba(255,255,255,.1);border-color:transparent}.nav-pills .nav-item.open .nav-link,.nav-pills .nav-link,.nav-pills .nav-link.active,.nav-pills .nav-link.active:hover,.nav-tabs .nav-item.open .nav-link,.nav-tabs .nav-link{color:var(--text)}.nav-pills .nav-item.open .nav-link:hover,.nav-tabs .nav-item.open .nav-link:hover,.nav-tabs .nav-link:focus,.nav-tabs .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,.6)}.dropdown-item{color:var(--text)}.dropdown-item:focus,.dropdown-item:hover{color:var(--text-hover);text-decoration:none;background-color:rgba(255,255,255,.08)}[type=search]{outline-offset:-2px;-webkit-appearance:none;outline:0;border:none;border-radius:5px}button,select{text-transform:none;outline:0}.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 +/* 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/gaps/hotline.css b/CSS/themes/gaps/hotline.css index f7833de8..b8aa3b38 100644 --- a/CSS/themes/gaps/hotline.css +++ b/CSS/themes/gaps/hotline.css @@ -1 +1,15 @@ -@import url(https://theme-park.dev/CSS/themes/gaps/gaps-base.css);@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file +/* 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 */ + +/* GAPS HOTLINE THEME */ +@import url(https://theme-park.dev/CSS/themes/gaps/gaps-base.css); +@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file diff --git a/CSS/themes/gaps/organizr-dark.css b/CSS/themes/gaps/organizr-dark.css index cc767cdc..9423836f 100644 --- a/CSS/themes/gaps/organizr-dark.css +++ b/CSS/themes/gaps/organizr-dark.css @@ -1 +1,15 @@ -@import url(https://theme-park.dev/CSS/themes/gaps/gaps-base.css);@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file +/* 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 */ + +/* GAPS ORGANIZR-DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/gaps/gaps-base.css); +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file diff --git a/CSS/themes/gaps/plex.css b/CSS/themes/gaps/plex.css index eb542188..06b9c9b1 100644 --- a/CSS/themes/gaps/plex.css +++ b/CSS/themes/gaps/plex.css @@ -1 +1,15 @@ -@import url(https://theme-park.dev/CSS/themes/gaps/gaps-base.css);@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file +/* 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 */ + +/* GAPS PLEX THEME */ +@import url(https://theme-park.dev/CSS/themes/gaps/gaps-base.css); +@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file diff --git a/CSS/themes/gaps/space-gray.css b/CSS/themes/gaps/space-gray.css index 9c70310f..6f20174e 100644 --- a/CSS/themes/gaps/space-gray.css +++ b/CSS/themes/gaps/space-gray.css @@ -1 +1,15 @@ -@import url(https://theme-park.dev/CSS/themes/gaps/gaps-base.css);@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file +/* 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 */ + +/* GAPS SPACE-GRAY THEME */ +@import url(https://theme-park.dev/CSS/themes/gaps/gaps-base.css); +@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file diff --git a/CSS/themes/gitea/aquamarine.css b/CSS/themes/gitea/aquamarine.css index 25828cec..fc3b55a5 100644 --- a/CSS/themes/gitea/aquamarine.css +++ b/CSS/themes/gitea/aquamarine.css @@ -1 +1,27 @@ -@import url(https://theme-park.dev/CSS/themes/gitea/gitea-base.css);@import url(https://theme-park.dev/CSS/themes/gitea/chroma.css);@import url(https://theme-park.dev/CSS/variables/aquamarine.css);:root{--color-secondary-alpha-70:rgba(0, 0, 0, 0.35);--color-primary-light-4:#002D24;--color-primary-light-2:#004B40;--color-primary:#006B5F;--color-primary-dark-2:#008C7E;--color-primary-dark-4:#12AFA0} \ No newline at end of file + +/* 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 */ + +/* GITEA AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/gitea/gitea-base.css); +@import url(https://theme-park.dev/CSS/themes/gitea/chroma.css); +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); + +/* APP VARS */ +:root { + --color-secondary-alpha-70: rgba(0, 0, 0, 0.35); + --color-primary-light-4: #002D24; + --color-primary-light-2: #004B40; + --color-primary: #006B5F; + --color-primary-dark-2: #008C7E; + --color-primary-dark-4: #12AFA0; +} \ No newline at end of file diff --git a/CSS/themes/gitea/chroma.css b/CSS/themes/gitea/chroma.css index 80cd9dc9..e2a06ab6 100644 --- a/CSS/themes/gitea/chroma.css +++ b/CSS/themes/gitea/chroma.css @@ -1 +1,561 @@ -:root{--code-background:#1f1f1f;--code-color:#f8f8f2;--code-err-background:#960050;--code-err-color:#1e0010;--code-hl-background:#ffffcc;--code-k-color:#66d9ef;--code-kc-color:#66d9ef;--code-kd-color:#66d9ef;--code-kn-color:#f92672;--code-kp-color:#66d9ef;--code-kr-color:#66d9ef;--code-kt-color:#66d9ef;--code-na-color:#a6e22e;--code-nc-color:#a6e22e;--code-no-color:#66d9ef;--code-nd-color:#a6e22e;--code-ne-color:#a6e22e;--code-nf-color:#a6e22e;--code-nx-color:#a6e22e;--code-nt-color:#f92672;--code-l-color:#ae81ff;--code-ld-color:#e6db74;--code-s-color:#e6db74;--code-sa-color:#e6db74;--code-sb-color:#e6db74;--code-sc-color:#e6db74;--code-dl-color:#e6db74;--code-sd-color:#e6db74;--code-s2-color:#e6db74;--code-se-color:#ae81ff;--code-sh-color:#e6db74;--code-si-color:#e6db74;--code-sx-color:#e6db74;--code-sr-color:#e6db74;--code-s1-color:#e6db74;--code-ss-color:#e6db74;--code-m-color:#ae81ff;--code-mb-color:#ae81ff;--code-mf-color:#ae81ff;--code-mh-color:#ae81ff;--code-mi-color:#ae81ff;--code-il-color:#ae81ff;--code-mo-color:#ae81ff;--code-o-color:#f92672;--code-ow-color:#f92672;--code-c-color:#75715e;--code-ch-color:#75715e;--code-cm-color:#75715e;--code-c1-color:#75715e;--code-cs-color:#75715e;--code-cp-color:#75715e;--code-cpf-color:#75715e;--code-gd-color:#f92672;--code-gi-color:#a6e22e;--code-gu-color:#75715e}.chroma .ui.table tbody tr{border-color:#333640;background:var(--code-background)}.chroma,.markdown:not(code) .highlight pre,.markdown:not(code) pre{background-color:var(--code-background);color:var(--code-color)}.chroma .err{background-color:var(--code-err-background);color:var(--code-err-color)}.chroma .lntd{border:0;margin:0;padding:0;vertical-align:top}.chroma .lntable{width:auto;border:0;border-spacing:0;display:block;margin:0;overflow:auto;padding:0}.chroma .hl{width:100%;background-color:var(--code-hl-background);display:block}.chroma .lnt{margin-right:.4em;padding:0 .4em 0 .4em}.chroma .ln{margin-right:.4em;padding:0 .4em 0 .4em}.chroma .k{color:var(--code-k-color)}.chroma .kc{color:var(--code-kc-color)}.chroma .kd{color:var(--code-kd-color)}.chroma .kn{color:var(--code-kn-color)}.chroma .kp{color:var(--code-kp-color)}.chroma .kr{color:var(--code-kr-color)}.chroma .kt{color:var(--code-kt-color)}.chroma .n{color:var(--code-n-color)}.chroma .na{color:var(--code-na-color)}.chroma .nb{color:var(--code-nb-color)}.chroma .bp{color:var(--code-bp-color)}.chroma .nc{color:var(--code-nc-color)}.chroma .no{color:var(--code-no-color)}.chroma .nd{color:var(--code-nd-color)}.chroma .ni{color:var(--code-ni-color)}.chroma .ne{color:var(--code-ne-color)}.chroma .nf{color:var(--code-nf-color)}.chroma .fm{color:var(--code-fm-color)}.chroma .nl{color:var(--code-nl-color)}.chroma .nn{color:var(--code-nn-color)}.chroma .nx{color:var(--code-nx-color)}.chroma .py{color:var(--code-py-color)}.chroma .nt{color:var(--code-nt-color)}.chroma .nv{color:var(--code-nv-color)}.chroma .vc{color:var(--code-vc-color)}.chroma .vg{color:var(--code-vg-color)}.chroma .vi{color:var(--code-vi-color)}.chroma .vm{color:var(--code-vm-color)}.chroma .l{color:var(--code-l-color)}.chroma .ld{color:var(--code-ld-color)}.chroma .s{color:var(--code-s-color)}.chroma .sa{color:var(--code-sa-color)}.chroma .sb{color:var(--code-sb-color)}.chroma .sc{color:var(--code-sc-color)}.chroma .dl{color:var(--code-dl-color)}.chroma .sd{color:var(--code-sd-color)}.chroma .s2{color:var(--code-s2-color)}.chroma .se{color:var(--code-se-color)}.chroma .sh{color:var(--code-sh-color)}.chroma .si{color:var(--code-si-color)}.chroma .sx{color:var(--code-sx-color)}.chroma .sr{color:var(--code-sr-color)}.chroma .s1{color:var(--code-s1-color)}.chroma .ss{color:var(--code-ss-color)}.chroma .m{color:var(--code-m-color)}.chroma .mb{color:var(--code-mb-color)}.chroma .mf{color:var(--code-mf-color)}.chroma .mh{color:var(--code-mh-color)}.chroma .mi{color:var(--code-mi-color)}.chroma .il{color:var(--code-il-color)}.chroma .mo{color:var(--code-mo-color)}.chroma .o{color:var(--code-o-color)}.chroma .ow{color:var(--code-ow-color)}.chroma .p{color:var(--code-p-color)}.chroma .c{color:var(--code-c-color)}.chroma .ch{color:var(--code-ch-color)}.chroma .cm{color:var(--code-cm-color)}.chroma .c1{color:var(--code-c1-color)}.chroma .cs{color:var(--code-cs-color)}.chroma .cp{color:var(--code-cp-color)}.chroma .cpf{color:var(--code-cpf-color)}.chroma .gd{color:var(--code-gd-color)}.chroma .ge{font-style:italic}.chroma .gi{color:var(--code-gi-color)}.chroma .gs{font-weight:700}.chroma .gu{color:var(--code-gu-color)} \ No newline at end of file +/* +/* 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/dark.css b/CSS/themes/gitea/dark.css index f793c58f..80b0c478 100644 --- a/CSS/themes/gitea/dark.css +++ b/CSS/themes/gitea/dark.css @@ -1 +1,27 @@ -@import url(https://theme-park.dev/CSS/themes/gitea/gitea-base.css);@import url(https://theme-park.dev/CSS/themes/gitea/chroma.css);@import url(https://theme-park.dev/CSS/variables/dark.css);:root{--color-secondary-alpha-70:rgba(0, 0, 0, 0.35);--color-primary-light-4:#303030;--color-primary-light-2:#5E5E5E;--color-primary:#919191;--color-primary-dark-2:#C6C6C6;--color-primary-dark-4:#FFFFFF} \ No newline at end of file + +/* 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 */ + +/* GITEA DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/gitea/gitea-base.css); +@import url(https://theme-park.dev/CSS/themes/gitea/chroma.css); +@import url(https://theme-park.dev/CSS/variables/dark.css); + +/* APP VARS */ +:root { + --color-secondary-alpha-70: rgba(0, 0, 0, 0.35); + --color-primary-light-4: #303030; + --color-primary-light-2: #5E5E5E; + --color-primary: #919191; + --color-primary-dark-2: #C6C6C6; + --color-primary-dark-4: #FFFFFF; +} \ No newline at end of file diff --git a/CSS/themes/gitea/dracula.css b/CSS/themes/gitea/dracula.css index c1f5bf83..2cc2af48 100644 --- a/CSS/themes/gitea/dracula.css +++ b/CSS/themes/gitea/dracula.css @@ -1 +1,27 @@ -@import url(https://theme-park.dev/CSS/themes/gitea/gitea-base.css);@import url(https://theme-park.dev/CSS/themes/gitea/chroma.css);@import url(https://theme-park.dev/CSS/variables/dracula.css);:root{--color-secondary-alpha-70:rgba(0, 0, 0, 0.35);--color-primary-light-4:#003B00;--color-primary-light-2:#006700;--color-primary:#00961D;--color-primary-dark-2:#00C74D;--color-primary-dark-4:#50FA7B} \ No newline at end of file + +/* 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 */ + +/* GITEA DRACULA THEME */ +@import url(https://theme-park.dev/CSS/themes/gitea/gitea-base.css); +@import url(https://theme-park.dev/CSS/themes/gitea/chroma.css); +@import url(https://theme-park.dev/CSS/variables/dracula.css); + +/* APP VARS */ +:root { + --color-secondary-alpha-70: rgba(0, 0, 0, 0.35); + --color-primary-light-4: #003B00; + --color-primary-light-2: #006700; + --color-primary: #00961D; + --color-primary-dark-2: #00C74D; + --color-primary-dark-4: #50FA7B; +} \ No newline at end of file diff --git a/CSS/themes/gitea/gitea-base.css b/CSS/themes/gitea/gitea-base.css index 9258aa2d..b1c6cf5e 100644 --- a/CSS/themes/gitea/gitea-base.css +++ b/CSS/themes/gitea/gitea-base.css @@ -1 +1,1595 @@ -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:0}.home a,.repository .labelspage .item a,.repository .milestone.list>.item .operate>a,.repository .milestone.list>.item>a,.ui.breadcrumb a,.ui.card>.content>.description,.ui.card>.content>.header,.ui.card>.content>a.header,.ui.card>.extra a:not(.ui),.ui.cards>.card>.content>.description,.ui.cards>.card>.content>.header,.ui.cards>.card>.content>a.header,.ui.cards>.card>.extra a:not(.ui),.ui.user.list .item .description a,a{color:var(--link-color)}.repository .labelspage .item a:hover,.repository .milestone.list>.item .operate>a:hover,.repository .milestone.list>.item>a:hover,.ui.breadcrumb a:hover,.ui.card>.content>a.header:hover,.ui.card>.extra a:not(.ui):hover,.ui.cards>.card>.content>a.header:hover,.ui.cards>.card>.extra a:not(.ui):hover,.ui.user.list .item .description a:hover,a:hover{color:var(--link-color-hover)}.issue.list a:not(.label):hover,.issue.list>.item .title:hover,.ui .migrate a,.ui .text.blue a,.ui .text.grey a{color:var(--link-color)!important}.ui .migrate a:hover,.ui .text.blue a:hover,.ui .text.grey a:hover{color:var(--link-color-hover)!important}@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}.CodeMirror,.EasyMDEContainer .CodeMirror,.feeds .list ul li a .svg,.form .help,.issue.list>.item .title,.repository .diff-box .header .file,.repository .metas .ui.list a .text,.repository.view.issue .comment-list .comment .tag,.ui .text.black,.ui.accordion .title:not(.ui),.ui.card>.content>.description,.ui.cards>.card>.content>.description,.ui.checkbox input[disabled]~label,.ui.checkbox label,.ui.disabled.checkbox label,.ui.dropdown .menu>.header:not(.ui),.ui.dropdown .menu>.message:not(.ui),.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.list .list>.item>.content,.ui.list>.item .description,.ui.list>.item>.content,body,footer,p{color:var(--text)}.issue.list>.item .desc{color:var(--text-muted)}.ui.header,.ui.header .sub.header,h1,h2,h3,h4,h5,h6{color:var(--text-hover)}.ui .text.grey{color:var(--text)!important}.repository .metas .ui.list a .text:hover,.ui .text.black:hover,.ui.checkbox input:focus~label,.ui.checkbox input:focus~label:after,.ui.checkbox label:hover,.ui.checkbox+label:hover,b:hover{color:var(--text-hover)}.ui .text.light.grey{color:var(--text-muted)!important}.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 / .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)}.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,.15)}.ui.vertical.menu .header.item{background:rgb(0 0 0 / 35%)}.ui.attached.segment{border:1px solid rgba(255,255,255,.1)}.ui.segment{background:rgb(0 0 0 / 15%)!important}.ui.attached.segment,.ui.segment,.ui.segments{background:0 0;color:var(--text)!important;border-color:rgba(255,255,255,.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:#000!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,.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%)}.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 / .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 / .1);text-align:right}.ui .error.header{background-color:#f44336!important;color:#fff!important}.ui.menu.new-menu{background:rgb(0 0 0 / 25%)}.ui.menu.new-menu::after{background:0 0}@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)}.item:focus{outline:0}.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 / .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 / .07)}.ui.dropdown .menu .selected.item,.ui.dropdown.selected{background:rgb(0 0 0 / .25);color:var(--text-hover)}.ui.dropdown .menu .active.item{color:rgb(var(--accent-color));outline:0!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}.ui.negative.message{background-color:#f44336;box-shadow:none!important}.ui.negative.message p{color:#fff!important;box-shadow:none!important}.ui.positive.message{background-color:#4caf50;box-shadow:none!important}.ui.positive.message p{color:#fff!important}.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)}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 .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,.1)}.comment-header{border-bottom:1px solid rgba(255,255,255,.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 td.add-code,.repository .diff-file-box .code-diff-split tbody tr td.lines-num-new.add-code,.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){background-color:#283e2d!important;border-color:#314a37!important}.repository .diff-file-box .code-diff-split tbody tr td.del-code,.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){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 .active.item,.ui.tabular.menu .active.item:hover,.ui.tabular.menu .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 / .1)}.repository.release #release-list>li .detail{border-left:1px solid rgb(255 255 255 / .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.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 / .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}#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,.07)}.repository.file.list #repo-files-table tbody .svg{color:var(--text)}.ui.blue.labels .label,.ui.grey.labels .label,.ui.ui.ui.blue.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,.15)!important}.repository #commits-table.ui.table>tbody{background-color:transparent!important}.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:#fff!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 #000}.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}.ui.table>thead>tr>th{background:rgb(0 0 0 / 25%);color:var(--text);border-bottom:1px solid rgba(255,255,255,.1)}.ui.table{width:100%;background:rgb(255 255 255 / 0);border:1px solid rgba(255,255,255,.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)!important}.repository.file.list #repo-files-table tr:hover{background:rgba(255,255,255,.08)}.ui.table tbody tr td.selectable:hover,.ui.ui.selectable.table>tbody>tr:hover{background:rgb(255 255 255 / .08);color:var(--text-hover)}footer{background-color:rgb(0 0 0 / 25%);border-top:1px solid rgb(255 255 255 / 25%)}.btn:active,.btn:focus{outline:0!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 input:focus:checked~label:before,.ui.toggle.checkbox label:before{background:rgb(255 255 255 / 10%)!important;background-color:rgb(255 255 255 / 10%)!important}.ui.checkbox input:focus~label,.ui.checkbox input:focus~label:after,.ui.toggle.checkbox input:focus:checked~label{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.basic.blue.button:focus,.ui.basic.blue.buttons .button:focus,.ui.basic.primary.button:focus,.ui.basic.primary.buttons .button:focus,.ui.blue.button:hover,.ui.blue.buttons .button:hover,.ui.primary.button:hover,.ui.primary.buttons .button:hover{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.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:active,.ui.basic.blue.button:focus,.ui.basic.blue.button:hover,.ui.basic.blue.buttons .button:active,.ui.basic.blue.buttons .button:focus,.ui.basic.blue.buttons .button:hover{background:var(--button-color)!important;color:var(--button-text)!important}.ui.basic.blue.button,.ui.basic.blue.buttons .button,.ui.basic.button,.ui.basic.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:0 0!important;color:rgb(255 255 255 / 60%)!important;box-shadow:inset 0 0 0 1px rgba(34,36,38,.15)!important}.repo-title{color:#fff}.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:#fff;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))}input{caret-color:var(--text)!important}.ui.form input,.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]{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 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 / .25)}::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}::-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}input::-webkit-selection,textarea::-webkit-selection{background-color:rgb(var(--accent-color))!important;color:var(--text-hover)!important}input::-moz-selection,textarea::-moz-selection{background-color:rgb(var(--accent-color))!important;color:var(--text-hover)!important}input::-moz-selection,textarea::-moz-selection{background-color:rgb(var(--accent-color))!important;color:var(--text-hover)!important}input::selection,textarea::selection{background-color:rgb(var(--accent-color))!important;color:var(--text-hover)!important}::-webkit-calendar-picker-indicator{filter:invert(1)} \ No newline at end of file +/* 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; +} + +* { + 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/gitea/hotline.css b/CSS/themes/gitea/hotline.css index b250ad01..56897d27 100644 --- a/CSS/themes/gitea/hotline.css +++ b/CSS/themes/gitea/hotline.css @@ -1 +1,27 @@ -@import url(https://theme-park.dev/CSS/themes/gitea/gitea-base.css);@import url(https://theme-park.dev/CSS/themes/gitea/chroma.css);@import url(https://theme-park.dev/CSS/variables/hotline.css);:root{--color-secondary-alpha-70:rgba(0, 0, 0, 0.35);--color-primary-light-4:#690000;--color-primary-light-2:#890000;--color-primary:#AC0002;--color-primary-dark-2:#D0191D;--color-primary-dark-4:#F44336} \ No newline at end of file + +/* 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 */ + +/* GITEA HOTLINE THEME */ +@import url(https://theme-park.dev/CSS/themes/gitea/gitea-base.css); +@import url(https://theme-park.dev/CSS/themes/gitea/chroma.css); +@import url(https://theme-park.dev/CSS/variables/hotline.css); + +/* APP VARS */ +:root { + --color-secondary-alpha-70: rgba(0, 0, 0, 0.35); + --color-primary-light-4: #690000; + --color-primary-light-2: #890000; + --color-primary: #AC0002; + --color-primary-dark-2: #D0191D; + --color-primary-dark-4: #F44336; +} \ No newline at end of file diff --git a/CSS/themes/gitea/organizr-dark.css b/CSS/themes/gitea/organizr-dark.css index fbf40c3a..2cfaad15 100644 --- a/CSS/themes/gitea/organizr-dark.css +++ b/CSS/themes/gitea/organizr-dark.css @@ -1 +1,27 @@ -@import url(https://theme-park.dev/CSS/themes/gitea/gitea-base.css);@import url(https://theme-park.dev/CSS/themes/gitea/chroma.css);@import url(https://theme-park.dev/CSS/variables/organizr-dark.css);:root{--color-secondary-alpha-70:rgba(0, 0, 0, 0.35);--color-primary-light-4:#002A57;--color-primary-light-2:#004878;--color-primary:#00679A;--color-primary-dark-2:#0088BE;--color-primary-dark-4:#2CABE3} \ No newline at end of file + +/* 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 */ + +/* GITEA ORGANIZR-DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/gitea/gitea-base.css); +@import url(https://theme-park.dev/CSS/themes/gitea/chroma.css); +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); + +/* APP VARS */ +:root { + --color-secondary-alpha-70: rgba(0, 0, 0, 0.35); + --color-primary-light-4: #002A57; + --color-primary-light-2: #004878; + --color-primary: #00679A; + --color-primary-dark-2: #0088BE; + --color-primary-dark-4: #2CABE3; +} \ No newline at end of file diff --git a/CSS/themes/gitea/plex.css b/CSS/themes/gitea/plex.css index 0b6273ed..675f8283 100644 --- a/CSS/themes/gitea/plex.css +++ b/CSS/themes/gitea/plex.css @@ -1 +1,27 @@ -@import url(https://theme-park.dev/CSS/themes/gitea/gitea-base.css);@import url(https://theme-park.dev/CSS/themes/gitea/chroma.css);@import url(https://theme-park.dev/CSS/variables/plex.css);:root{--color-secondary-alpha-70:rgba(0, 0, 0, 0.35);--color-primary-light-4:#492000;--color-primary-light-2:#6E4500;--color-primary:#9B6C00;--color-primary-dark-2:#CC9500;--color-primary-dark-4:#FFC107} \ No newline at end of file + +/* 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 */ + +/* GITEA PLEX THEME */ +@import url(https://theme-park.dev/CSS/themes/gitea/gitea-base.css); +@import url(https://theme-park.dev/CSS/themes/gitea/chroma.css); +@import url(https://theme-park.dev/CSS/variables/plex.css); + +/* APP VARS */ +:root { + --color-secondary-alpha-70: rgba(0, 0, 0, 0.35); + --color-primary-light-4: #492000; + --color-primary-light-2: #6E4500; + --color-primary: #9B6C00; + --color-primary-dark-2: #CC9500; + --color-primary-dark-4: #FFC107; +} \ No newline at end of file diff --git a/CSS/themes/gitea/space-gray.css b/CSS/themes/gitea/space-gray.css index 43611bdd..6ce3907f 100644 --- a/CSS/themes/gitea/space-gray.css +++ b/CSS/themes/gitea/space-gray.css @@ -1 +1,27 @@ -@import url(https://theme-park.dev/CSS/themes/gitea/gitea-base.css);@import url(https://theme-park.dev/CSS/themes/gitea/chroma.css);@import url(https://theme-park.dev/CSS/variables/space-gray.css);:root{--color-secondary-alpha-70:rgba(0, 0, 0, 0.35);--color-primary-light-4:#002634;--color-primary-light-2:#1D4352;--color-primary:#3E6272;--color-primary-dark-2:#5F8394;--color-primary-dark-4:#81A6B7} \ No newline at end of file + +/* 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 */ + +/* GITEA SPACE GRAY THEME */ +@import url(https://theme-park.dev/CSS/themes/gitea/gitea-base.css); +@import url(https://theme-park.dev/CSS/themes/gitea/chroma.css); +@import url(https://theme-park.dev/CSS/variables/space-gray.css); + +/* APP VARS */ +:root { + --color-secondary-alpha-70: rgba(0, 0, 0, 0.35); + --color-primary-light-4: #002634; + --color-primary-light-2: #1D4352; + --color-primary: #3E6272; + --color-primary-dark-2: #5F8394; + --color-primary-dark-4: #81A6B7; +} \ No newline at end of file diff --git a/CSS/themes/grafana/aquamarine.css b/CSS/themes/grafana/aquamarine.css index 86c7d73a..7c0257de 100644 --- a/CSS/themes/grafana/aquamarine.css +++ b/CSS/themes/grafana/aquamarine.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/grafana/grafana-base.css);@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file + +/* 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 AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/grafana/grafana-base.css); +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file diff --git a/CSS/themes/grafana/dark.css b/CSS/themes/grafana/dark.css index 46d48d6b..08cc986f 100644 --- a/CSS/themes/grafana/dark.css +++ b/CSS/themes/grafana/dark.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/grafana/grafana-base.css);@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file + +/* 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 DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/grafana/grafana-base.css); +@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file diff --git a/CSS/themes/grafana/dracula.css b/CSS/themes/grafana/dracula.css index 63eb297e..889e51ae 100644 --- a/CSS/themes/grafana/dracula.css +++ b/CSS/themes/grafana/dracula.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/grafana/grafana-base.css);@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file + +/* 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 DRACULA THEME */ +@import url(https://theme-park.dev/CSS/themes/grafana/grafana-base.css); +@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file diff --git a/CSS/themes/grafana/grafana-base.css b/CSS/themes/grafana/grafana-base.css index 6fbf3672..65f73f2e 100644 --- a/CSS/themes/grafana/grafana-base.css +++ b/CSS/themes/grafana/grafana-base.css @@ -1 +1,1309 @@ -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}.preloader,.theme-dark,.theme-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}h1,h2,h3,h4,h5,h6,label,legend{color:var(--text-hover)}#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,div>aria-label>span{color:var(--text-hover)!important}p{color:var(--text)}.page-header-canvas,.page-toolbar[class*=css-]{background:rgba(0,0,0,.25)!important;box-shadow:none!important;border-bottom:none!important}.main-view{background:linear-gradient(180deg,#ffffff00 10px,#ffffff00 100px)!important}.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-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,.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-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,.25)}.time-picker-calendar .react-calendar__month-view__weekdays{background-color:rgba(0,0,0,.6)}.time-picker-calendar .react-calendar__tile--active,.time-picker-calendar .react-calendar__tile--active:hover{background:rgba(255,255,255,.08);border:1px solid transparent}.time-picker-calendar .time-picker-calendar-tile:hover{-webkit-box-shadow:0 0 4px rgba(255,255,255,.08);box-shadow:0 0 4px #ffffff00;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08)}.time-picker-calendar .react-calendar__month-view__days{background-color:rgba(0,0,0,.15)}.time-picker-calendar .time-picker-calendar-tile{border-radius:0}.time-picker-calendar{border:1px solid #00000000}.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:#fff!important}.login-branding{border-right:none!important}.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,.25)!important}.filter-table tbody tr:nth-child(odd){background:hsla(0,0%,100%,.08)!important}.cta-form{background-color:rgba(0,0,0,.25)!important}.empty-list-cta{background-color:rgba(0,0,0,.25)!important}.layout-selector button{background:rgba(0,0,0,.25);color:#fff}.layout-selector button.active{background-color:rgba(0,0,0,.45);color:#fff}.css-1ph0cdx-call-to-action-card{background:rgba(0,0,0,.25)!important}.grafana-info-box{background-color:rgba(0,0,0,.45)}.sidemenu,.sidemenu-open{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}#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,.dropdown-menu--menu,.dropdown-menu--navbar,.dropdown-menu--sidemenu,.side-menu-header{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,.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,.25)!important}.icon-circle:hover .fa:hover,.icon-circle:hover .gicon:hover,.icon-circle:hover .icon-gf:hover{color:#fff;opacity:1}.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:0!important}.navbar-page-btn{color:#fff!important}.css-1m7hyr,.css-n9566h{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,.2)}.dashboard-row--collapsed{background:rgba(0,0,0,.25)}.search-section{background:rgba(255,255,255,.08);border:none}.search-item{background:rgba(0,0,0,.15)}.search-item.selected,.search-item:hover{background:rgba(0,0,0,.25)}.search-section__header{color:#fff!important}.navbar-page-btn__folder{color:#d8d9da}.panel-in-fullscreen .navbar{background:linear-gradient(90deg,rgba(0,0,0,.15),rgba(0,0,0,.25))!important}.search-field-wrapper>input{height:55px!important}.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,.25))!important}.navbar-button--primary{border-color:#ffffff00!important}.dashboard-settings__aside-header{color:#fff!important}.dashboard-settings__nav-item{color:#fff!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,.08)}.gf-form-checkbox{background:rgba(0,0,0,.25);border:none}.gf-form-switch__checkbox{border:none;background:#fff}.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}.gf-form-label--variable,.template-variable{color:rgb(var(--accent-color))!important}.gf-form-label{background:rgba(0,0,0,.25)!important;border:none!important}.gf-form-label>button[class*=css-]{background:0 0!important}.gf-form-label--btn:hover{background:rgba(0,0,0,.45)!important}.variable-option.highlighted,.variable-option:hover{background-color:hsla(0,0%,100%,.1)!important}.variable-value-link{padding:7.4px 10px!important;background-color:rgba(0,0,0,.25)!important;border:none!important;color:#fff!important}.gf-form-input{color:#fff!important;border:none!important}.gf-form-input:focus{color:#fff!important;box-shadow:none!important}.gf-form-select-box-button-select{background:0 0;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-button{color:#fff!important;background-color:rgba(0,0,0,.25)!important;background-image:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.25))!important;border:none!important}.gf-timepicker-absolute-section select{background-color:#393a3b!important}.panel-container{background-color:rgba(0,0,0,.25);border:transparent;box-shadow:none!important}.panel-container--transparent,.panel-container.panel-transparent{background-color:transparent;border:transparent}.panel-header:hover{background-color:rgba(0,0,0,.25)!important}.panel-title-text:hover{color:var(--text-hover)}.graph-legend-table .graph-legend-series:nth-child(2n),.graph-legend-table .graph-legend-series:nth-child(odd){background:0 0!important}div.flot-text{color:#fff!important}.panel-loading{color:#fff!important}.theme-dark .react-grid-item>.react-resizable-handle:after{border-right:2px solid #fff!important;border-bottom:2px solid #fff!important}.table-panel-container{background-color:rgba(0,0,0,.25)!important}.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,.25);border-top:2px solid transparent;border-bottom:2px solid transparent}.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 / .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))}[aria-label="Panel editor content"]{background:var(--main-bg-color)}#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-ld7ft6,.css-v2fjpc,div>.scrollbar-view>div>[class*=css-]{background:rgba(0,0,0,.25)!important}.tabbed-view-header{box-shadow:none;background:rgba(0,0,0,.25);border-bottom:none}.tabbed-view-panel-title{padding-left:10px}.panel-editor__right,.toolbar{background:rgba(0,0,0,.25)}.query-editor-row__header{background:rgba(0,0,0,.25)}.query-editor-row__body{background:rgba(0,0,0,.15)}.panel-options-group{background:rgba(0,0,0,.15)}.gf-form-switch{background:rgba(0,0,0,.25);border:transparent}.viz-picker__item{background:rgba(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,.4)!important}.viz-picker__item:hover{box-shadow:0 0 6px #eb7b18!important;background:rgba(0,0,0,.4);border:1px solid #eb7b18!important}.panel-options-group__header{background:rgba(0,0,0,.25)}.custom-scrollbar .thumb-horizontal,.custom-scrollbar .thumb-vertical{background-color:rgba(255,255,255,0);background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.25)),to(rgba(255,255,255,.25)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.25),rgba(255,255,255,.25));background-image:-o-linear-gradient(top,#404357,#424345);background-image:linear-gradient(180deg,rgba(249,249,249,.25),rgba(251,251,251,.25))}.toolbar__main{color:#fff;background-color:rgba(0,0,0,.15);border:transparent}.leaflet-bar a,.leaflet-bar a:hover{background-color:#1f1f1f!important;border-bottom:1px solid #1f1f1f!important;color:#fff!important}.leaflet-bar a:hover{background-color:#1b1b1b!important}.leaflet-control-attribution{display:none}.btn-inverse{background:rgba(0,0,0,.25);-webkit-box-shadow:0 0 5px 1px hsla(0,0%,0%,.45),1px 1px 0 0 rgba(0,0,0,.3);box-shadow:0 0 5px 1px hsla(0,0%,0%,.45),1px 1px 0 0 rgba(0,0,0,.3)}.btn-primary,.btn-success{-webkit-box-shadow:0 0 5px 1px hsla(0,0%,0%,.45),1px 1px 0 0 rgba(0,0,0,.3);box-shadow:0 0 5px 1px hsla(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,.08)}.add-panel__item{background:linear-gradient(135deg,rgba(0,0,0,0),rgba(0,0,0,.25));box-shadow:-1px -1px 0 0 hsla(0,0%,100%,.1),1px 1px 0 0 transparent}.add-panel__item.active,.add-panel__item:hover{background:linear-gradient(135deg,rgba(0,0,0,.25),rgba(0,0,0,.25))}.add-panel__header{background:rgba(0,0,0,.25);box-shadow:none;border-bottom:0}.query-transaction{color:#fff}.query-type-toggle .btn.active{background-color:rgba(0,0,0,.45);border:none;border-radius:3px}.toggle-button-group .btn{background-color:rgba(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,.45)}.logs-panel-options{background-color:transparent;border:none}.gf-code-dark{background-color:rgba(0,0,0,.25);color:#e0e0e0}.gf-code-editor.ace_editor{border:none}.css-1z13zsv-modalHeader,.modal-header{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}.css-111908g,.modal-body{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}.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:0 0}#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}.btn-primary,.gf-form-button-row a,.gf-form-button-row button,.page-action-bar>a,.page-action-bar>button,button.toolbar-button,button[class$="-button"]:not(button[aria-label=toggle-viz-picker]){background:var(--button-color)!important;background-color:var(--button-color)!important;border-color:var(--button-color)!important;color:var(--button-text)!important}.btn-primary:hover,.gf-form-button-row a,.gf-form-button-row button:hover,button[class$="-button"]:active,button[class$="-button"]:focus,button[class$="-button"]:hover{color:#fff;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: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:0;-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:#fff;color:#000;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%}.css-1bjepp-input-input:disabled{background-color:rgba(0,0,0,.5);color:#9fa7b3}.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%}.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) 0 0 0 2px,rgba(31,97,196,0) 0 0 0 4px!important;z-index:3;outline:transparent dotted 2px;transition:all .2s cubic-bezier(.19,1,.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) 0 0 0 2px,rgba(31,97,196,0) 0 0 0 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:0 0;border-bottom:1px solid transparent}.css-1umfglk{background:rgba(0,0,0,.25)}.css-1umfglk:hover{background:rgba(0,0,0,.35)}.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:#fff;color:#000;transition:background-color .2s;-webkit-transition:background-color .2s;height:38px;border-radius:3px}.css-13o428a{margin:10px 0 0}.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}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%}.css-cxwxzk-Label-description,.css-n370st{color:#eee}.css-10pj50r,.css-15rfc12{background:rgb(0 0 0 / 50%)}.css-1marj6o{display:flex;-webkit-box-pack:justify;justify-content:space-between;padding:8px;background:0 0;border-bottom:1px solid transparent}.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}.css-hz0utb{background:rgba(0,0,0,.35);border-right:1px solid transparent}.css-fpnw35,.css-wvxxxy,.query-keyword{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:#d8d9da;cursor:default;list-style:none;padding:11px 15px 9px;border-style:solid;border-image:initial;border-width:0 1px 1px;border-radius:3px 3px 0 0;border-color:transparent!important;background:rgba(0,0,0,.5);overflow:hidden}.css-1awj6q7-counter{background-color:rgba(0,0,0,.5);color:#fff}.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}.css-1xj5tuf{background:rgba(0,0,0,.35);border-left:1px solid transparent}.css-1majipf{border-bottom:1px solid rgba(255,255,255,.08)}.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:#fff}.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:#141619 0 0 0 2px,rgb(var(--accent-color)) 0 0 0 4px}.css-mgq0xs-currentVisualizationItem>div:first-child{outline:transparent dotted 2px;outline-offset:1px;box-shadow:rgb(var(--accent-color)) 0 0 0 2px,#607d8b 0 0 0 2px;transition:all .2s cubic-bezier(.19,1,.22,1) 0s}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%}.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))}.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)}.css-1w9m9al-call-to-action-card{background:rgba(0,0,0,.25)}.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))}.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{color:#fff!important}:-ms-input-placeholder{color:#fff!important}::-webkit-input-placeholder{color:#fff!important} \ No newline at end of file +/* 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/hotline.css b/CSS/themes/grafana/hotline.css index f9e6e6b7..3535113f 100644 --- a/CSS/themes/grafana/hotline.css +++ b/CSS/themes/grafana/hotline.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/grafana/grafana-base.css);@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file + +/* 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 HOTLINE THEME */ +@import url(https://theme-park.dev/CSS/themes/grafana/grafana-base.css); +@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file diff --git a/CSS/themes/grafana/organizr-dark.css b/CSS/themes/grafana/organizr-dark.css index 030f6149..58cd151c 100644 --- a/CSS/themes/grafana/organizr-dark.css +++ b/CSS/themes/grafana/organizr-dark.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/grafana/grafana-base.css);@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file + +/* 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 ORGANIZR-DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/grafana/grafana-base.css); +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file diff --git a/CSS/themes/grafana/organizr-dashboard.css b/CSS/themes/grafana/organizr-dashboard.css index 075682e2..4a221ebe 100644 --- a/CSS/themes/grafana/organizr-dashboard.css +++ b/CSS/themes/grafana/organizr-dashboard.css @@ -1 +1,599 @@ -body{color:#fff!important;background-color:transparent!important}.main-view{background:linear-gradient(180deg,#ffffff00 10px,#ffffff00 100px)!important}div.flot-text{color:#fff!important}.preloader,.theme-dark,.theme-light{background:0 0!important}.login-branding{border-right:none!important}.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)}}.search-dropdown__col_1{background:0 0!important}.search-container{left:0!important}.navbar-page-btn{color:#fff!important}.panel-in-fullscreen .navbar{background:linear-gradient(90deg,rgba(0,0,0,.15),rgba(0,0,0,.25))!important}.search-field-wrapper{background-color:#1f1f1f!important;box-shadow:none!important}.search-field-wrapper>input{height:55px!important;background-color:rgba(0,0,0,.25)!important}.search-field-icon{background-color:rgba(0,0,0,.25)!important}.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,.25))!important}.navbar-button--primary{border-color:#ffffff00!important}.dashboard-settings__aside-header{color:#fff!important}.dashboard-settings__nav-item{color:#fff!important}.bootstrap-tagsinput{background-color:#09090b!important}.gf-form-select-wrapper .gf-form-input{background-color:#393a3b!important}.add-data-source-item{background:rgba(255,255,255,.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,.15);border:1px solid #00000000;color:#fff}.template-variable{color:#f79520!important}.gf-form-label{background-color:rgba(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-value-link{padding:7.4px 10px!important;background-color:rgba(0,0,0,.25)!important;border:none!important;color:#fff!important}.gf-form-input{color:#fff!important;background-color:rgba(255,255,255,.15)!important;border:0 solid #262628!important}.navbar-button{color:#fff!important;background-color:rgba(0,0,0,.25)!important;background-image:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.25))!important;border:none!important}.gf-timepicker-absolute-section select{background-color:#393a3b!important}.panel-container{background-color:rgba(0,0,0,.25);border:transparent;box-shadow:none!important}.panel-container--transparent,.panel-container.panel-transparent{background-color:transparent;border:transparent}.panel-header:hover{background-color:rgba(0,0,0,.25)!important}.panel-loading{color:transparent}.graph-legend-table .graph-legend-series:nth-child(odd){background:0 0!important}div.flot-text{color:#fff!important}.panel-loading{color:#fff!important}.theme-dark .react-grid-item>.react-resizable-handle:after{border-right:2px solid #fff!important;border-bottom:2px solid #fff!important}.table-panel-container{background-color:rgba(0,0,0,.25)!important}.table-panel-table td{padding:.45em 0 .45em 1.1em;border-bottom:1px solid #171819;border-right:1px solid #171819}.tabbed-view-header{box-shadow:none;background:rgba(0,0,0,.25);border-bottom:none}.tabbed-view-panel-title{padding-left:10px}.leaflet-bar a,.leaflet-bar a:hover{background-color:#1f1f1f!important;border-bottom:1px solid #1f1f1f!important;color:#fff!important}.leaflet-bar a:hover{background-color:#1b1b1b!important}.leaflet-control-attribution{display:none}.add-panel__item{background:linear-gradient(135deg,rgba(0,0,0,0),rgba(0,0,0,.25));box-shadow:-1px -1px 0 0 hsla(0,0%,100%,.1),1px 1px 0 0 transparent}.add-panel__item.active,.add-panel__item:hover{background:linear-gradient(135deg,rgba(0,0,0,.25),rgba(0,0,0,.25))}.add-panel__header{background:rgba(0,0,0,.25);box-shadow:none;border-bottom:0}:root{--main-bg-color:url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"),url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-light2.png") center center/cover no-repeat fixed;--modal-bg-color:url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"),url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-dark2.png") center center/cover no-repeat fixed;--button-color:#cc7b19;--button-color-hover:#e59029;--accent-color:#e5a00d;--accent-color-hover:#ffc107}.css-bnbqsv{background:var(--main-bg-color)}.css-3iwqj4{background:0 0}#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}.btn-primary,.css-14zdxje-button,.css-179z9yx-button,.css-19kbjxc-button,.css-1ihbihm-button,.css-1vlnne-button,.css-370vzt-button,.css-cc7c9f-button,.css-msayan-button,.css-y3nv3e-button,.gf-form-button-row a,.gf-form-button-row button,.page-action-bar>a,.page-action-bar>button{background:var(--button-color)!important;background-color:var(--button-color)!important;border-color:var(--button-color)}.btn-primary:hover,.css-14zdxje-button:focus,.css-14zdxje-button:hover,.css-179z9yx-button:focus,.css-179z9yx-button:hover,.css-19kbjxc-button:focus,.css-19kbjxc-button:hover,.css-1ihbihm-button:focus,.css-1ihbihm-button:hover,.css-1vlnne-button:focus,.css-1vlnne-button:hover,.css-370vzt-button:focus,.css-370vzt-button:hover,.css-cc7c9f-button:focus,.css-cc7c9f-button:hover,.css-msayan-button:focus,.css-msayan-button:hover,.css-y3nv3e-button:focus,.css-y3nv3e-button:hover,.gf-form-button-row a,.gf-form-button-row button:hover{color:#fff;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: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:0;-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:#fff;color:#000;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%}.css-1bjepp-input-input:disabled{background-color:rgba(0,0,0,.5);color:#9fa7b3}.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%}.css-x9mxj5{background:var(--main-bg-color)}.css-1m6pigl:focus+label{outline-offset:2px;box-shadow:rgba(20,22,25,0) 0 0 0 2px,rgba(31,97,196,0) 0 0 0 4px!important;z-index:3;outline:transparent dotted 2px;transition:all .2s cubic-bezier(.19,1,.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) 0 0 0 2px,rgba(31,97,196,0) 0 0 0 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:0 0;border-bottom:1px solid transparent}.css-1umfglk{background:rgba(0,0,0,.25)}.css-1umfglk:hover{background:rgba(0,0,0,.35)}.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:#fff;color:#000;transition:background-color .2s;-webkit-transition:background-color .2s;height:38px;border-radius:3px}.css-13o428a{margin:10px 0 0}.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}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%}.css-1marj6o{display:flex;-webkit-box-pack:justify;justify-content:space-between;padding:8px;background:0 0;border-bottom:1px solid transparent}.css-azp59k{background:var(--main-bg-color)}.css-hz0utb{background:rgba(0,0,0,.35);border-right:1px solid transparent}.css-fpnw35,.css-wvxxxy,.query-keyword{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:#d8d9da;cursor:default;list-style:none;padding:11px 15px 9px;border-style:solid;border-image:initial;border-width:0 1px 1px;border-radius:3px 3px 0 0;border-color:transparent!important;background:rgba(0,0,0,.5);overflow:hidden}.css-1awj6q7-counter{background-color:rgba(0,0,0,.5);color:#fff}.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}.css-1xj5tuf{background:rgba(0,0,0,.35);border-left:1px solid transparent}.css-1majipf{border-bottom:1px solid rgba(255,255,255,.08)}.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:#fff}.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:#141619 0 0 0 2px,var(--accent-color) 0 0 0 4px}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%}.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)}.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)}.css-1w9m9al-call-to-action-card{background:rgba(0,0,0,.25)}.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)}.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{color:#fff!important}:-ms-input-placeholder{color:#fff!important}::-webkit-input-placeholder{color:#fff!important} \ No newline at end of file + +/* 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/grafana/plex.css b/CSS/themes/grafana/plex.css index 66e1ee1c..20b93597 100644 --- a/CSS/themes/grafana/plex.css +++ b/CSS/themes/grafana/plex.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/grafana/grafana-base.css);@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file + +/* 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 */ + +/* LIDARR PLEX THEME */ +@import url(https://theme-park.dev/CSS/themes/grafana/grafana-base.css); +@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file diff --git a/CSS/themes/grafana/space-gray.css b/CSS/themes/grafana/space-gray.css index f59b72a3..35dba9a8 100644 --- a/CSS/themes/grafana/space-gray.css +++ b/CSS/themes/grafana/space-gray.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/grafana/grafana-base.css);@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file + +/* 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 SPACE GRAY THEME */ +@import url(https://theme-park.dev/CSS/themes/grafana/grafana-base.css); +@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file diff --git a/CSS/themes/guacamole/aquamarine.css b/CSS/themes/guacamole/aquamarine.css index cbaeb19e..2b0303b3 100644 --- a/CSS/themes/guacamole/aquamarine.css +++ b/CSS/themes/guacamole/aquamarine.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/guacamole/guacamole-base.css);@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file + +/* 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 */ + +/* GUACAMOLE AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/guacamole/guacamole-base.css); +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file diff --git a/CSS/themes/guacamole/dark.css b/CSS/themes/guacamole/dark.css index a260dddd..d76d99b3 100644 --- a/CSS/themes/guacamole/dark.css +++ b/CSS/themes/guacamole/dark.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/guacamole/guacamole-base.css);@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file + +/* 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 */ + +/* GUACAMOLE DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/guacamole/guacamole-base.css); +@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file diff --git a/CSS/themes/guacamole/dracula.css b/CSS/themes/guacamole/dracula.css index 18f67470..4aa290b7 100644 --- a/CSS/themes/guacamole/dracula.css +++ b/CSS/themes/guacamole/dracula.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/guacamole/guacamole-base.css);@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file + +/* 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 */ + +/* GUACAMOLE DRACULA THEME */ +@import url(https://theme-park.dev/CSS/themes/guacamole/guacamole-base.css); +@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file diff --git a/CSS/themes/guacamole/guacamole-base.css b/CSS/themes/guacamole/guacamole-base.css index 8d81e750..fa825171 100644 --- a/CSS/themes/guacamole/guacamole-base.css +++ b/CSS/themes/guacamole/guacamole-base.css @@ -1 +1,642 @@ -*{outline:0!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}input:-moz-placeholder{color:var(--text)!important}input:focus:-moz-placeholder{color:var(--text-hover)!important}input::-moz-placeholder{color:var(--text)!important}input:focus::-moz-placeholder{color:var(--text-hover)!important}input:-ms-input-placeholder{color:var(--text)!important}input:focus:-ms-input-placeholder{color:var(--text-hover)!important}@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.login-ui{background:inherit}.login-ui div.login-dialog{background:rgba(0,0,0,.25);border:none}a.button,button,input[type=submit]{background-color:var(--button-color);border:none;outline:0}a.button:hover,button:hover,input[type=submit]:hover{background-color:var(--button-color-hover);border:none;cursor:pointer}.login-ui .login-fields .labeled-field input:focus{background:rgba(0,0,0,.45)!important;outline:0}.login-ui .login-fields .labeled-field.empty input{background:rgba(0,0,0,.25)!important;outline:0}.login-ui .login-fields .labeled-field.empty input:focus{background:rgba(0,0,0,.45)!important;outline:0}.login-ui .login-dialog .login-fields input{background-color:rgba(0,0,0,.45)!important}div.location,input[type=email],input[type=number],input[type=password],input[type=text],textarea{color:#fff!important;background:rgba(0,0,0,.25)!important}input[type=checkbox],input[type=email],input[type=number],input[type=radio],input[type=text],textarea{color:var(--text-hover)!important;background:0 0}.header h2{color:var(--text-hover);background-color:rgba(0,0,0,.25)}.connection .icon.rdp,.connection .icon.vnc{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/connections"],.user-menu .menu-dropdown .menu-contents li a[href="#/settings/preferences"],.user-menu .menu-dropdown .menu-contents li a[href="#/settings/sessions"],.user-menu .menu-dropdown .menu-contents li a[href="#/settings/users"]{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 td,table.sorted th{border:1px solid rgb(255 255 255 / 15%)}.settings table.session-list tr.session:hover{background:rgba(255,255,255,.15)}.menu-dropdown.open,.menu-dropdown.open:hover{background:rgba(0,0,0,.25)}.menu-dropdown{border-left:none;background:rgba(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,.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,.125);background-color:transparent;color:var(--text-hover)}.header .filter{background-color:rgba(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,.25);border:0}div.location,input[type=email],input[type=number],input[type=password],input[type=text],textarea{color:var(--text-hover)}.connection a:visited,.connection-group a:visited,.user a:visited{text-decoration:none;color:var(--link-color-hover)}.recent-connections .connection:hover{background:hsla(0,0%,100%,.08);color:var(--link-color-hover)}.list-item:not(.selected) .caption:hover{background:hsla(0,0%,100%,.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)}.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-body,.menu-content,.menu-content .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}.clipboard,.clipboard-service-target{background:rgba(0,0,0,.25);color:#fff}.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:#fff}.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:#fff}.page-tabs .page-list li a[href]:visited{color:#fff}.page-tabs .page-list li a[href]{color:#fff}.page-tabs .page-list li a[href]:hover{background-color:rgba(0,0,0,.25)}.connection a:visited,.connection-group a:visited,.user a:visited{text-decoration:none;color:var(--link-color)}.connection a:hover,.connection-group a:hover,.user a:hover,.user-group a:hover,a.ng-binding:hover:not(.add-user):not(.button){color:var(--link-color-hover)!important}.connection a,.connection-group a,.user a,a.ng-binding:not(.add-user):not(.button){text-decoration:none;color:var(--link-color)}div.location,input[type=email],input[type=number],input[type=password],input[type=text],textarea{border:0;background:rgba(0,0,0,.25)}.location-chooser .dropdown{background:#666}.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,.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%,.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%,.07)}.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:#fff!important}input[type=radio]{border:1px solid var(--text-hover)!important}#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-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,.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 +/* 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/guacamole/hotline.css b/CSS/themes/guacamole/hotline.css index f31baf7e..2de6e080 100644 --- a/CSS/themes/guacamole/hotline.css +++ b/CSS/themes/guacamole/hotline.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/guacamole/guacamole-base.css);@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file + +/* 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 */ + +/* GUACAMOLE HOTLINE THEME */ +@import url(https://theme-park.dev/CSS/themes/guacamole/guacamole-base.css); +@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file diff --git a/CSS/themes/guacamole/organizr-dark.css b/CSS/themes/guacamole/organizr-dark.css index c99f5ed8..635c7471 100644 --- a/CSS/themes/guacamole/organizr-dark.css +++ b/CSS/themes/guacamole/organizr-dark.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/guacamole/guacamole-base.css);@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file + +/* 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 */ + +/* GUACAMOLE ORGANIZR-DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/guacamole/guacamole-base.css); +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file diff --git a/CSS/themes/guacamole/plex.css b/CSS/themes/guacamole/plex.css index 3f69e691..2718df80 100644 --- a/CSS/themes/guacamole/plex.css +++ b/CSS/themes/guacamole/plex.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/guacamole/guacamole-base.css);@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file + +/* 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 */ + +/* GUACAMOLE PLEX THEME */ +@import url(https://theme-park.dev/CSS/themes/guacamole/guacamole-base.css); +@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file diff --git a/CSS/themes/guacamole/space-gray.css b/CSS/themes/guacamole/space-gray.css index 23b4f56b..6aca8c0d 100644 --- a/CSS/themes/guacamole/space-gray.css +++ b/CSS/themes/guacamole/space-gray.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/guacamole/guacamole-base.css);@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file + +/* 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 */ + +/* GUACAMOLE SPACE GRAY THEME */ +@import url(https://theme-park.dev/CSS/themes/guacamole/guacamole-base.css); +@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file diff --git a/CSS/themes/jackett/aquamarine.css b/CSS/themes/jackett/aquamarine.css index 6bafd830..eef44b39 100644 --- a/CSS/themes/jackett/aquamarine.css +++ b/CSS/themes/jackett/aquamarine.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/jackett/jackett-base.css);@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file + +/* 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 */ + +/* JACKETT AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/jackett/jackett-base.css); +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file diff --git a/CSS/themes/jackett/dark.css b/CSS/themes/jackett/dark.css index 086ec883..a190de4d 100644 --- a/CSS/themes/jackett/dark.css +++ b/CSS/themes/jackett/dark.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/jackett/jackett-base.css);@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file + +/* 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 */ + +/* JACKETT DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/jackett/jackett-base.css); +@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file diff --git a/CSS/themes/jackett/dracula.css b/CSS/themes/jackett/dracula.css index 439cba77..f89c69c2 100644 --- a/CSS/themes/jackett/dracula.css +++ b/CSS/themes/jackett/dracula.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/jackett/jackett-base.css);@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file + +/* 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 */ + +/* JACKETT AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/jackett/jackett-base.css); +@import url(https://theme-park.dev/CSS/variables/dracula.css); diff --git a/CSS/themes/jackett/hotline.css b/CSS/themes/jackett/hotline.css index 96c175c4..3661d1a2 100644 --- a/CSS/themes/jackett/hotline.css +++ b/CSS/themes/jackett/hotline.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/jackett/jackett-base.css);@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file + +/* 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 */ + +/* JACKETT HOTLINE THEME */ +@import url(https://theme-park.dev/CSS/themes/jackett/jackett-base.css); +@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file diff --git a/CSS/themes/jackett/jackett-base.css b/CSS/themes/jackett/jackett-base.css index c28ceb68..4a153e69 100644 --- a/CSS/themes/jackett/jackett-base.css +++ b/CSS/themes/jackett/jackett-base.css @@ -1 +1,441 @@ -*{outline:0!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)}#header-title,h1,h2,h3,h4,h5,h6{color:var(--text-hover)}hr{border-top-color:rgb(var(--accent-color),.25)}@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_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_paginate,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.dataTables_wrapper .dataTables_processing{color:#fff}.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover{color:#fff!important;background-color:rgba(255,255,255,.15)}.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:active,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,.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,.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,.08);border:none;outline:0;color:#fff}table.dataTable.cell-border tbody tr:first-child td,table.dataTable.cell-border tbody tr:first-child th{border-top:none}table.dataTable.cell-border tbody tr td:first-child,table.dataTable.cell-border tbody tr th:first-child{border-left:none}table.dataTable.cell-border tbody td,table.dataTable.cell-border tbody th{border-top:1px solid #ddd0;border-right:1px solid #0000}button,input,textarea{background:rgba(0,0,0,.25);border:none;outline:0}#page{background-color:rgba(0,0,0,.25)}table.dataTable.display tbody tr.odd,table.dataTable.stripe tbody tr.odd{background-color:transparent}table.dataTable.display tbody tr:hover,table.dataTable.hover tbody tr:hover{background-color:rgba(255,255,255,.08)}table.dataTable tbody tr{background-color:transparent}table.dataTable tfoot td,table.dataTable tfoot th{border-top:1px solid #0000}table.dataTable thead td,table.dataTable thead th{border-bottom:1px solid #0000}.form-control{color:var(--text-hover);background-color:rgba(0,0,0,.25);border:1px solid #ccc0}select{background:rgba(0,0,0,.25);color:var(--text)!important;border:1px solid transparent!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,.25)}.dataTable.compact tfoot td select,.dataTables_filter input,.dataTables_length select{background:rgba(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,.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,.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%,.35);border-color:hsla(0,0%,100%,.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]:focus,#page>form>div:nth-child(2)>input[type=submit]:hover{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,.25);border:1px solid #0000}.alert-info{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-color:transparent}pre{color:var(--text)}.jackettlogWarn,.jackettlogWarn pre{background-color:#ffff8e!important;color:#000!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 +/* 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/jackett/organizr-dark.css b/CSS/themes/jackett/organizr-dark.css index a295abb0..e1d5256f 100644 --- a/CSS/themes/jackett/organizr-dark.css +++ b/CSS/themes/jackett/organizr-dark.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/jackett/jackett-base.css);@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file + +/* 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 */ + +/* JACKETT ORGANIZR-DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/jackett/jackett-base.css); +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file diff --git a/CSS/themes/jackett/plex.css b/CSS/themes/jackett/plex.css index e76330eb..b0fa04ef 100644 --- a/CSS/themes/jackett/plex.css +++ b/CSS/themes/jackett/plex.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/jackett/jackett-base.css);@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file + +/* 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 */ + +/* JACKETT PLEX THEME */ +@import url(https://theme-park.dev/CSS/themes/jackett/jackett-base.css); +@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file diff --git a/CSS/themes/jackett/space-gray.css b/CSS/themes/jackett/space-gray.css index 4eea0d41..8890a945 100644 --- a/CSS/themes/jackett/space-gray.css +++ b/CSS/themes/jackett/space-gray.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/jackett/jackett-base.css);@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file + +/* 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 */ + +/* JACKETT SPACE GRAY THEME */ +@import url(https://theme-park.dev/CSS/themes/jackett/jackett-base.css); +@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file diff --git a/CSS/themes/jellyfin/aquamarine.css b/CSS/themes/jellyfin/aquamarine.css index 89108ac7..2fad25e2 100644 --- a/CSS/themes/jellyfin/aquamarine.css +++ b/CSS/themes/jellyfin/aquamarine.css @@ -1 +1,63 @@ -@import url(https://theme-park.dev/CSS/themes/jellyfin/jellyfin-base.css);@import url(https://theme-park.dev/CSS/variables/aquamarine.css);: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)} \ No newline at end of file + +/* 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 */ + +/* JELLYFIN AQUAMARINE THEME */ +@import url("https://theme-park.dev/CSS/themes/jellyfin/jellyfin-base.css"); +@import url("https://theme-park.dev/CSS/variables/aquamarine.css"); +: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); +} \ No newline at end of file diff --git a/CSS/themes/jellyfin/dark.css b/CSS/themes/jellyfin/dark.css index df99d0e5..0096182d 100644 --- a/CSS/themes/jellyfin/dark.css +++ b/CSS/themes/jellyfin/dark.css @@ -1 +1,63 @@ -@import url(https://theme-park.dev/CSS/themes/jellyfin/jellyfin-base.css);@import url(https://theme-park.dev/CSS/variables/dark.css);: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)} \ No newline at end of file + +/* 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 */ + +/* JELLYFIN DARK THEME */ +@import url("https://theme-park.dev/CSS/themes/jellyfin/jellyfin-base.css"); +@import url("https://theme-park.dev/CSS/variables/dark.css"); +: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); +} \ No newline at end of file diff --git a/CSS/themes/jellyfin/dracula.css b/CSS/themes/jellyfin/dracula.css index c47ce5f3..2ae65beb 100644 --- a/CSS/themes/jellyfin/dracula.css +++ b/CSS/themes/jellyfin/dracula.css @@ -1 +1,63 @@ -@import url(https://theme-park.dev/CSS/themes/jellyfin/jellyfin-base.css);@import url(https://theme-park.dev/CSS/variables/dracula.css);: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)} \ No newline at end of file + +/* 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 */ + +/* JELLYFIN AQUAMARINE THEME */ +@import url("https://theme-park.dev/CSS/themes/jellyfin/jellyfin-base.css"); +@import url("https://theme-park.dev/CSS/variables/dracula.css"); +: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); +} \ No newline at end of file diff --git a/CSS/themes/jellyfin/hotline.css b/CSS/themes/jellyfin/hotline.css index aa8a7d60..a96aa4e3 100644 --- a/CSS/themes/jellyfin/hotline.css +++ b/CSS/themes/jellyfin/hotline.css @@ -1 +1,63 @@ -@import url(https://theme-park.dev/CSS/themes/jellyfin/jellyfin-base.css);@import url(https://theme-park.dev/CSS/variables/hotline.css);: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)} \ No newline at end of file + +/* 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 */ + +/* JELLYFIN HOTLINE THEME */ +@import url("https://theme-park.dev/CSS/themes/jellyfin/jellyfin-base.css"); +@import url("https://theme-park.dev/CSS/variables/hotline.css"); +: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); +} \ No newline at end of file diff --git a/CSS/themes/jellyfin/jellyfin-base.css b/CSS/themes/jellyfin/jellyfin-base.css index 8a7490f6..a370918b 100644 --- a/CSS/themes/jellyfin/jellyfin-base.css +++ b/CSS/themes/jellyfin/jellyfin-base.css @@ -1 +1,875 @@ -.inputLabel,h1,h2,h3,h4,h5,h6{color:var(--text-hover)}.cardText.cardTextCentered.cardText-first>button,.emby-linkbutton>a,a:not(.emby-button){color:var(--link-color)!important}.cardText.cardTextCentered.cardText-first>button:hover,.emby-linkbutton>a:hover,a:hover:not(.emby-button){color:var(--link-color-hover)!important}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,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:0 0!important;border-color:rgba(255,255,255,.3)}.emby-select-withcolor{color:inherit;background:rgba(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,.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}.checkboxIcon,.checkboxLabel::after{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))}@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}.cardImageIcon{color:#fff}.dialog .inputLabelFocused,.selectLabelFocused,.textareaLabelFocused{color:#fff}@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 +/*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, +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-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/jellyfin/organizr-dark.css b/CSS/themes/jellyfin/organizr-dark.css index 8bbe2607..177cb222 100644 --- a/CSS/themes/jellyfin/organizr-dark.css +++ b/CSS/themes/jellyfin/organizr-dark.css @@ -1 +1,63 @@ -@import url(https://theme-park.dev/CSS/themes/jellyfin/jellyfin-base.css);@import url(https://theme-park.dev/CSS/variables/organizr-dark.css);: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)} \ No newline at end of file + +/* 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 */ + +/* JELLYFIN ORGANIZR-DARK THEME */ +@import url("https://theme-park.dev/CSS/themes/jellyfin/jellyfin-base.css"); +@import url("https://theme-park.dev/CSS/variables/organizr-dark.css"); +: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); +} \ No newline at end of file diff --git a/CSS/themes/jellyfin/plex.css b/CSS/themes/jellyfin/plex.css index eef94139..039c99de 100644 --- a/CSS/themes/jellyfin/plex.css +++ b/CSS/themes/jellyfin/plex.css @@ -1 +1,63 @@ -@import url(https://theme-park.dev/CSS/themes/jellyfin/jellyfin-base.css);@import url(https://theme-park.dev/CSS/variables/plex.css);: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)} \ No newline at end of file + +/* 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 */ + +/* JELLYFIN PLEX THEME */ +@import url("https://theme-park.dev/CSS/themes/jellyfin/jellyfin-base.css"); +@import url("https://theme-park.dev/CSS/variables/plex.css"); +: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); +} \ No newline at end of file diff --git a/CSS/themes/jellyfin/space-gray.css b/CSS/themes/jellyfin/space-gray.css index cc085e0a..d51accf6 100644 --- a/CSS/themes/jellyfin/space-gray.css +++ b/CSS/themes/jellyfin/space-gray.css @@ -1 +1,63 @@ -@import url(https://theme-park.dev/CSS/themes/jellyfin/jellyfin-base.css);@import url(https://theme-park.dev/CSS/variables/space-gray.css);: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)} \ No newline at end of file + +/* 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 */ + +/* JELLYFIN SPACE GRAY THEME */ +@import url("https://theme-park.dev/CSS/themes/jellyfin/jellyfin-base.css"); +@import url("https://theme-park.dev/CSS/variables/space-gray.css"); +: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); +} \ No newline at end of file diff --git a/CSS/themes/kitana/aquamarine.css b/CSS/themes/kitana/aquamarine.css index 9346ebf7..90f52499 100644 --- a/CSS/themes/kitana/aquamarine.css +++ b/CSS/themes/kitana/aquamarine.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/kitana/kitana-base.css);@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file + +/* 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 */ + +/* KITANA AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/kitana/kitana-base.css); +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file diff --git a/CSS/themes/kitana/dark.css b/CSS/themes/kitana/dark.css index 66996889..aa2f048a 100644 --- a/CSS/themes/kitana/dark.css +++ b/CSS/themes/kitana/dark.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/kitana/kitana-base.css);@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file + +/* 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 */ + +/* KITANA DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/kitana/kitana-base.css); +@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file diff --git a/CSS/themes/kitana/dracula.css b/CSS/themes/kitana/dracula.css index c3113ad5..3ad03045 100644 --- a/CSS/themes/kitana/dracula.css +++ b/CSS/themes/kitana/dracula.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/kitana/kitana-base.css);@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file + +/* 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 */ + +/* KITANA DRACULA THEME */ +@import url(https://theme-park.dev/CSS/themes/kitana/kitana-base.css); +@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file diff --git a/CSS/themes/kitana/hotline.css b/CSS/themes/kitana/hotline.css index 7fd5e026..9dbf1166 100644 --- a/CSS/themes/kitana/hotline.css +++ b/CSS/themes/kitana/hotline.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/kitana/kitana-base.css);@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file + +/* 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 */ + +/* KITANA HOTLINE THEME */ +@import url(https://theme-park.dev/CSS/themes/kitana/kitana-base.css); +@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file diff --git a/CSS/themes/kitana/kitana-base.css b/CSS/themes/kitana/kitana-base.css index cca322f6..e93ddcee 100644 --- a/CSS/themes/kitana/kitana-base.css +++ b/CSS/themes/kitana/kitana-base.css @@ -1 +1,253 @@ -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:0!important}.navbar-dark .navbar-text,body{color:var(--text)}h1,h2,h3,h4,h5,h6,label{color:var(--text-hover)}.badge-dark{color:var(--label-text-color);background-color:rgb(rgb(var(--accent-color)))}#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:focus,.navbar-dark .navbar-nav .nav-link:hover{color:var(--text-hover)}#navbarSupportedContent ul li{background-color:transparent!important;border:none!important}.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:focus,.dropdown-item:hover{color:var(--text-hover);text-decoration:none;background-color:rgb(255 255 255 / 8%)}.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}.nav-tabs .nav-item.show .nav-link,.plugin_content .nav-tabs .nav-link.active{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%)}.btn{border-color:var(--button-color);background:var(--button-color);color:var(--button-text);margin-right:5px}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.btn:active,.btn:focus,.btn:hover,.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%)}.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 .15s ease-in-out,box-shadow .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,.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{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 +/* 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/kitana/organizr-dark.css b/CSS/themes/kitana/organizr-dark.css index a0932ab0..3f49ee23 100644 --- a/CSS/themes/kitana/organizr-dark.css +++ b/CSS/themes/kitana/organizr-dark.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/kitana/kitana-base.css);@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file + +/* 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 */ + +/* KITANA ORGANIZR-DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/kitana/kitana-base.css); +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file diff --git a/CSS/themes/kitana/plex.css b/CSS/themes/kitana/plex.css index af0d1109..47cb7e07 100644 --- a/CSS/themes/kitana/plex.css +++ b/CSS/themes/kitana/plex.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/kitana/kitana-base.css);@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file + +/* 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 */ + +/* KITANA PLEX THEME */ +@import url(https://theme-park.dev/CSS/themes/kitana/kitana-base.css); +@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file diff --git a/CSS/themes/kitana/space-gray.css b/CSS/themes/kitana/space-gray.css index 7b6d9eaa..79220b18 100644 --- a/CSS/themes/kitana/space-gray.css +++ b/CSS/themes/kitana/space-gray.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/kitana/kitana-base.css);@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file + +/* 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 */ + +/* KITANA SPACE GRAY THEME */ +@import url(https://theme-park.dev/CSS/themes/kitana/kitana-base.css); +@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file diff --git a/CSS/themes/lazylibrarian/aquamarine.css b/CSS/themes/lazylibrarian/aquamarine.css index 8e8f454b..cf60ff3d 100644 --- a/CSS/themes/lazylibrarian/aquamarine.css +++ b/CSS/themes/lazylibrarian/aquamarine.css @@ -1 +1,15 @@ -@import url(https://theme-park.dev/CSS/themes/lazylibrarian/lazylibrarian-base.css);@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file +/* 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 */ + +/* LAZYLIBRARIAN AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/lazylibrarian/lazylibrarian-base.css); +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file diff --git a/CSS/themes/lazylibrarian/dark.css b/CSS/themes/lazylibrarian/dark.css index 92bf10df..fb644df3 100644 --- a/CSS/themes/lazylibrarian/dark.css +++ b/CSS/themes/lazylibrarian/dark.css @@ -1 +1,15 @@ -@import url(https://theme-park.dev/CSS/themes/lazylibrarian/lazylibrarian-base.css);@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file +/* 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 */ + +/* LAZYLIBRARIAN DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/lazylibrarian/lazylibrarian-base.css); +@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file diff --git a/CSS/themes/lazylibrarian/dracula.css b/CSS/themes/lazylibrarian/dracula.css index ce3ce57f..4ff6656a 100644 --- a/CSS/themes/lazylibrarian/dracula.css +++ b/CSS/themes/lazylibrarian/dracula.css @@ -1 +1,15 @@ -@import url(https://theme-park.dev/CSS/themes/lazylibrarian/lazylibrarian-base.css);@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file +/* 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 */ + +/* LAZYLIBRARIAN DRACULA THEME */ +@import url(https://theme-park.dev/CSS/themes/lazylibrarian/lazylibrarian-base.css); +@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file diff --git a/CSS/themes/lazylibrarian/hotline.css b/CSS/themes/lazylibrarian/hotline.css index f089f6b3..7eca4c8d 100644 --- a/CSS/themes/lazylibrarian/hotline.css +++ b/CSS/themes/lazylibrarian/hotline.css @@ -1 +1,15 @@ -@import url(https://theme-park.dev/CSS/themes/lazylibrarian/lazylibrarian-base.css);@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file +/* 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 */ + +/* LAZYLIBRARIAN HOTLINE THEME */ +@import url(https://theme-park.dev/CSS/themes/lazylibrarian/lazylibrarian-base.css); +@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file diff --git a/CSS/themes/lazylibrarian/lazylibrarian-base.css b/CSS/themes/lazylibrarian/lazylibrarian-base.css index 179c1bc5..dc83a2f2 100644 --- a/CSS/themes/lazylibrarian/lazylibrarian-base.css +++ b/CSS/themes/lazylibrarian/lazylibrarian-base.css @@ -1 +1,489 @@ -*{outline:0!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)}.nav-tabs,legend{border-bottom:1px solid rgb(var(--accent-color),.45)!important}.btn-link,a{color:var(--link-color)}.btn-link:hover,a: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}input:-moz-placeholder{color:var(--text-muted)!important}input:focus:-moz-placeholder{color:var(--text-hover)!important}input::-moz-placeholder{color:var(--text-muted)!important}input:focus::-moz-placeholder{color:var(--text-hover)!important}input:-ms-input-placeholder{color:var(--text-muted)!important}input:focus:-ms-input-placeholder{color:var(--text-hover)!important}@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{border:1px solid transparent;text-shadow:1px 1px 1px #000;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:focus,.navbar-default .navbar-brand:hover{color:var(--accent-color-hover);background-color:none}.navbar-default .navbar-nav>li>a{color:var(--text)}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:var(--text-hover);background-image:none;background-color:rgba(0,0,0,.25)}.btn-default,.btn-primary{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:0}.btn-default:hover,.btn-primary.active,.btn-primary:active,.btn-primary:hover,.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.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>-toggle.btn-primary:hover,.open>.dropdown-toggle.btn-primary.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.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{outline:0;color:var(--button-text-hover)!important;background-color:var(--button-color-hover)!important;border-color:var(--button-color-hover)!important}.btn-link:focus,.btn-link:hover,button.close{outline:0}.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.focus,.btn:focus,.btn:hover{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:0}.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:var(--button-color);border-color:var(--button-color);cursor:not-allowed}.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);background-image:none;background-color:var(--button-color-hover);border-color:var(--button-color-hover);outline:0}.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,.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:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:var(--button-text-hover);background-image:none;background-color:var(--button-color-hover);border-color:var(--button-color-hover);outline:0}.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,.1);background-image:none;border:1px solid transparent}#auth_type:focus,select.form-control:active,select.form-control:focus,select:active,select:focus{background:#1b1b1b!important;color:#fff!important}.configtable .input-group .form-control:active,.configtable .input-group .form-control:focus,.form-control:active:not(select.form-control),.form-control:focus:not(select.form-control){color:var(--text-hover);background-color:rgba(0,0,0,.25)!important;background-image:none;border:1px solid transparent}table{background-color:rgba(255,255,255,.08)}thead{color:var(--text-hover)}.table-striped>tbody>tr:nth-of-type(odd){background-color:rgba(0,0,0,.08)}.table-hover>tbody>tr:hover{background-color:rgba(255,255,255,.08)!important}.table-bordered{border:1px solid transparent}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid rgba(255,255,255,.08)}.table-responsive>.table{background-color:rgba(255,255,255,.08)}.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(255,255,255,.08);border:1px solid TRANSPARENT;border-bottom-color:transparent;cursor:default}.nav-tabs{border-bottom:1px solid rgba(255,255,255,.45)}.nav-tabs>li>a:hover{border-color:transparent}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:rgba(255,255,255,.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-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,.25);border:1px solid transparent} \ No newline at end of file +/* 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/lazylibrarian/organizr-dark.css b/CSS/themes/lazylibrarian/organizr-dark.css index 098f589a..3c443124 100644 --- a/CSS/themes/lazylibrarian/organizr-dark.css +++ b/CSS/themes/lazylibrarian/organizr-dark.css @@ -1 +1,15 @@ -@import url(https://theme-park.dev/CSS/themes/lazylibrarian/lazylibrarian-base.css);@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file +/* 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 */ + +/* LAZYLIBRARIAN ORGANIZR-DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/lazylibrarian/lazylibrarian-base.css); +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file diff --git a/CSS/themes/lazylibrarian/plex.css b/CSS/themes/lazylibrarian/plex.css index aa1a20cf..276a2c27 100644 --- a/CSS/themes/lazylibrarian/plex.css +++ b/CSS/themes/lazylibrarian/plex.css @@ -1 +1,15 @@ -@import url(https://theme-park.dev/CSS/themes/lazylibrarian/lazylibrarian-base.css);@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file +/* 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 */ + +/* LAZYLIBRARIAN PLEX THEME */ +@import url(https://theme-park.dev/CSS/themes/lazylibrarian/lazylibrarian-base.css); +@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file diff --git a/CSS/themes/lazylibrarian/space-gray.css b/CSS/themes/lazylibrarian/space-gray.css index df3cf939..c28f61f2 100644 --- a/CSS/themes/lazylibrarian/space-gray.css +++ b/CSS/themes/lazylibrarian/space-gray.css @@ -1 +1,15 @@ -@import url(https://theme-park.dev/CSS/themes/lazylibrarian/lazylibrarian-base.css);@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file +/* 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 */ + +/* LAZYLIBRARIAN SPACE GRAY THEME */ +@import url(https://theme-park.dev/CSS/themes/lazylibrarian/lazylibrarian-base.css); +@import url(https://theme-park.dev/CSS/variables/space-gray.css); diff --git a/CSS/themes/librespeed/aquamarine.css b/CSS/themes/librespeed/aquamarine.css index 68b01299..320cd104 100644 --- a/CSS/themes/librespeed/aquamarine.css +++ b/CSS/themes/librespeed/aquamarine.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/librespeed/librespeed-base.css);@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file + +/* 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 */ + +/* LIBRESPEED AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/librespeed/librespeed-base.css); +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file diff --git a/CSS/themes/librespeed/dark.css b/CSS/themes/librespeed/dark.css index 73715eb1..0137fee0 100644 --- a/CSS/themes/librespeed/dark.css +++ b/CSS/themes/librespeed/dark.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/librespeed/librespeed-base.css);@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file + +/* 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 */ + +/* LIBRESPEED DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/librespeed/librespeed-base.css); +@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file diff --git a/CSS/themes/librespeed/dracula.css b/CSS/themes/librespeed/dracula.css index e5e491f0..34a65aa5 100644 --- a/CSS/themes/librespeed/dracula.css +++ b/CSS/themes/librespeed/dracula.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/librespeed/librespeed-base.css);@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file + +/* 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 */ + +/* LIBRESPEED DRACULA THEME */ +@import url(https://theme-park.dev/CSS/themes/librespeed/librespeed-base.css); +@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file diff --git a/CSS/themes/librespeed/hotline.css b/CSS/themes/librespeed/hotline.css index b4985a8c..e2eac51a 100644 --- a/CSS/themes/librespeed/hotline.css +++ b/CSS/themes/librespeed/hotline.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/librespeed/librespeed-base.css);@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file + +/* 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 */ + +/* LIBRESPEED HOTLINE THEME */ +@import url(https://theme-park.dev/CSS/themes/librespeed/librespeed-base.css); +@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file diff --git a/CSS/themes/librespeed/librespeed-base.css b/CSS/themes/librespeed/librespeed-base.css index 2ee792f8..088eb2c1 100644 --- a/CSS/themes/librespeed/librespeed-base.css +++ b/CSS/themes/librespeed/librespeed-base.css @@ -1 +1,119 @@ -body,html{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}#jitText,#pingText{color:#2cabe3}#startStopBtn{color:var(--button-text);background:var(--button-color);border:.15em solid var(--button-color)}#startStopBtn:hover{border:.15em solid var(--button-color-hover);background:var(--button-color-hover)}#startStopBtn.running{background:#ff3030!important;border-color:#ff6060;color:#fff}#startStopBtn.running:hover{background:#ff3030;border-color:#ff6060;color:#fff}a,a:-webkit-any-link{color:var(--link-color)}a:-webkit-any-link:hover,a: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:#fff;background-color:rgba(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:0}.testName{color:var(--text-hover)!important} \ No newline at end of file +/* 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/librespeed/organizr-dark.css b/CSS/themes/librespeed/organizr-dark.css index 324c6840..3ad428ed 100644 --- a/CSS/themes/librespeed/organizr-dark.css +++ b/CSS/themes/librespeed/organizr-dark.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/librespeed/librespeed-base.css);@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file + +/* 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 */ + +/* LIBRESPEED ORGANIZR-DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/librespeed/librespeed-base.css); +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file diff --git a/CSS/themes/librespeed/plex.css b/CSS/themes/librespeed/plex.css index 27c56a43..143d8e8a 100644 --- a/CSS/themes/librespeed/plex.css +++ b/CSS/themes/librespeed/plex.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/librespeed/librespeed-base.css);@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file + +/* 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 */ + +/* LIBRESPEED PLEX THEME */ +@import url(https://theme-park.dev/CSS/themes/librespeed/librespeed-base.css); +@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file diff --git a/CSS/themes/librespeed/space-gray.css b/CSS/themes/librespeed/space-gray.css index a39a7148..a32e0b6e 100644 --- a/CSS/themes/librespeed/space-gray.css +++ b/CSS/themes/librespeed/space-gray.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/librespeed/librespeed-base.css);@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file + +/* 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 */ + +/* LIBRESPEED SPACE GRAY THEME */ +@import url(https://theme-park.dev/CSS/themes/librespeed/librespeed-base.css); +@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file diff --git a/CSS/themes/lidarr/aquamarine.css b/CSS/themes/lidarr/aquamarine.css index 10d5cb0d..06f06ea5 100644 --- a/CSS/themes/lidarr/aquamarine.css +++ b/CSS/themes/lidarr/aquamarine.css @@ -1 +1,25 @@ -@import url(https://theme-park.dev/CSS/themes/lidarr/lidarr-base.css);@import url(https://theme-park.dev/CSS/variables/aquamarine.css);: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;--queue-color:#009688} \ No newline at end of file + +/* 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 */ + +/* LIDARR AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/lidarr/lidarr-base.css); +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); +: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; + --queue-color: #009688; +} \ No newline at end of file diff --git a/CSS/themes/lidarr/dark.css b/CSS/themes/lidarr/dark.css index e72b6164..93c34d43 100644 --- a/CSS/themes/lidarr/dark.css +++ b/CSS/themes/lidarr/dark.css @@ -1 +1,27 @@ -@import url(https://theme-park.dev/CSS/themes/lidarr/lidarr-base.css);@import url(https://theme-park.dev/CSS/variables/dark.css);: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;--queue-color:#6b5} \ No newline at end of file + +/* 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 */ + +/* LIDARR DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/lidarr/lidarr-base.css); +@import url(https://theme-park.dev/CSS/variables/dark.css); + +/* APP VARS */ +: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; + --queue-color: #6b5; +} \ No newline at end of file diff --git a/CSS/themes/lidarr/dracula.css b/CSS/themes/lidarr/dracula.css index 4d43a896..fcecf73f 100644 --- a/CSS/themes/lidarr/dracula.css +++ b/CSS/themes/lidarr/dracula.css @@ -1 +1,27 @@ -@import url(https://theme-park.dev/CSS/themes/lidarr/lidarr-base.css);@import url(https://theme-park.dev/CSS/variables/dracula.css);: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;--queue-color:#50fa7b} \ No newline at end of file + +/* 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 */ + +/* LIDARR AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/lidarr/lidarr-base.css); +@import url(https://theme-park.dev/CSS/variables/dracula.css); + +/* APP VARS */ +: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; + --queue-color: #50fa7b; +} \ No newline at end of file diff --git a/CSS/themes/lidarr/hotline.css b/CSS/themes/lidarr/hotline.css index e346c06b..e84d9ffc 100644 --- a/CSS/themes/lidarr/hotline.css +++ b/CSS/themes/lidarr/hotline.css @@ -1 +1,27 @@ -@import url(https://theme-park.dev/CSS/themes/lidarr/lidarr-base.css);@import url(https://theme-park.dev/CSS/variables/hotline.css);: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;--queue-color:#6b5} \ No newline at end of file + +/* 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 */ + +/* LIDARR HOTLINE THEME */ +@import url(https://theme-park.dev/CSS/themes/lidarr/lidarr-base.css); +@import url(https://theme-park.dev/CSS/variables/hotline.css); + +/* APP VARS */ +: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; + --queue-color: #6b5; +} \ No newline at end of file diff --git a/CSS/themes/lidarr/lidarr-base.css b/CSS/themes/lidarr/lidarr-base.css index 91ca58e5..7546af03 100644 --- a/CSS/themes/lidarr/lidarr-base.css +++ b/CSS/themes/lidarr/lidarr-base.css @@ -1 +1,1130 @@ -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)}[class*=FormInputHelpText-helpText-]{color:var(--text)}[class*=FormInputGroup-inputUnit-]{color:var(--text)!important}[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}[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)}[class*=ErrorPage-page-],[class*=ErrorPage-version-],[class*=LoadingMessage-loadingMessage-]{color:var(--text)}[class*=LoadingIndicator-ripple-]{border:2px solid #fff}[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}[class*=TagInput-internalInput-]{background-color:transparent;color:#fff}[class*=SelectInput-select-]{background-color:rgba(0,0,0,.25)!important}[class*=SelectInput-select-]:active,[class*=SelectInput-select-]:focus{background:#1e1e1e!important}[class*=AutoSuggestInput-suggestionsContainer-],[class*=AutoSuggestInput-suggestionsContainerOpen-],[class*=AutoSuggestInput-suggestionsList-]{background-color:#323232!important;color:#fff;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}[class*=PageHeader-header-]{background-color:rgba(0,0,0,.35)}[class*=PageHeader-donate-]{color:#c4273c!important}[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,.25)}[class*=ImportArtistSelectArtist-results-]::-webkit-scrollbar-thumb,[class*=OverlayScroller-thumb-],[class*=Scroller-scroller-]::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.08)!important}[class*=ImportArtistSelectArtist-results-]::-webkit-scrollbar-thumb:hover,[class*=OverlayScroller-thumb-]:hover,[class*=Scroller-scroller-]::-webkit-scrollbar-thumb:hover{background-color:rgba(255,255,255,.25)!important}[class*=EnhancedSelectInput-options-]{border:1px solid rgba(255,255,255,.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,.2)!important;color:var(--text-hover)}[class*=EnhancedSelectInputOption-option-]:hover{background-color:rgba(255,255,255,.08)}[class*=HintedSelectInputOption-hintText-],[class*=RootFolderSelectInputOption-freeSpace-]{color:var(--text)}[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,.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))}[class*=ArtistIndexPoster-controls-]{background-color:rgb(var(--accent-color))!important}[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,.25)}[class*=".ProgressBar-purple-"]{background-color:rgb(var(--accent-color))}[class*=ArtistDetailsSeason-albumType-],[class*=ArtistDetailsSeason-collapseButtonContainer-]{border:none!important;background-color:rgba(0,0,0,.25)!important}[class*=ArtistDetails-metadataMessage-],[class*=ArtistDetailsSeason-albumCount-],[class*=ArtistDetailsSeason-header-]{color:#fff}[class*=ArtistDetailsSeason-albums-]{border-top:1px solid rgba(255,255,255,.5)}[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}[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-body-],[class*=Popover-title-],[class*=SeasonInfo-title-],[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-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(--queue-color);background-color:var(--queue-color);color:var(--label-text-color)}[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%)}[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-isDisabled-]:hover,[class*=PageToolbarButton-toolbarButton-][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))}[class*=ArtistIndexPoster-title-],[class*=ArtistIndexPosterInfo-info-]{background-color:rgba(255,255,255,.08);color:var(--text-hover)}[class*=MenuContent-menuContent-],[class*=MenuItem-menuItem-]{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:#000 0 0 5px 0}[class*=MenuItem-menuItem-]:focus,[class*=MenuItem-menuItem-]:hover{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}[class*=PageJumpBar-jumpBar-]{color:#fff}[class*=AddNewArtist-searchIconContainer-],[class*=AddNewItem-searchIconContainer-],[class*=CheckInput-isIndeterminate-],[class*=Input-input-]{border:none;background-color:rgba(255,255,255,.08);color:#fff}[class*=ArtistSearchInput-container-] [class*=Input-input-]{background:0 0;border-bottom:solid 1px #fff}[class*=ArtistSearchInput-container-] [class*=Input-input-]:focus{border-bottom:none;background:0 0}[class*=ArtistSearchResult-alternateTitle-]{color:#fff;font-size:12px}[class*=Input-input-]:focus{outline:0;border-color:#fff;box-shadow:none;background-color:rgba(255,255,255,.25)}[class*=TagInput-input-][class*=TagInput-isFocused-]{outline:0;border-color:#fff;box-shadow:none}[class*=PageContentBody-innerContentBody-]{color:var(--text)}[class*=AddNewArtistSearchResult-year-]{color:#fff}[class*=AddNewAlbumSearchResult-underlay-],[class*=AddNewArtistSearchResult-searchResult-],[class*=AddNewArtistSearchResult-underlay-]{background-color:transparent}[class*=AddNewAlbumSearchResult-underlay-]:hover,[class*=AddNewArtistSearchResult-searchResult-]:hover,[class*=AddNewArtistSearchResult-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)}[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,.08)}input::-webkit-input-placeholder{color:var(--text)}input:focus::-webkit-input-placeholder{color:var(--text-hover)}input:-moz-placeholder{color:var(--text)}input:focus:-moz-placeholder{color:var(--text-hover)}input::-moz-placeholder{color:var(--text)}input:focus::-moz-placeholder{color:var(--text-hover)}input:-ms-input-placeholder{color:var(--text)}input:focus:-ms-input-placeholder{color:var(--text-hover)}[class*=ImportArtistSelectFolder-header-]{color:#fff}[class*=ExpandingFileDetails-fileDetails-]{border:1px solid rgb(255 255 255 / .1);background-color:rgb(255 255 255 / 8%)}[class*=ImportArtistSelectArtist-button-]{border:none;background-color:rgba(0,0,0,.25)!important;color:#fff}[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,.08)}[class*=PageJumpBarItem-jumpBarItem-]:hover{color:#fff;background:hsla(0,0%,100%,.08)}[class*=PageContentFooter-contentFooter-]{border:none;background-color:rgba(0,0,0,.25);color:#fff}[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-]{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-event-]{border-bottom:1px solid transparent}[class*=CalendarEventGroup-eventGroup-]{border-bottom:1px solid hsla(0,0%,100%,.08)!important}[class*=AgendaEvent-event-]:hover{background-color:hsla(0,0%,100%,.08)!important}[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}[class*=NamingOption-small-]{border:1px solid transparent}[class*=NamingOption-token-]{background-color:rgba(255,255,255,.15)}[class*=NamingOption-token-]{background-color:rgba(255,255,255,.15)}[class*=NamingOption-example-]{background-color:rgba(255,255,255,.25)}[class*=NamingOption-option-]{border:1px solid transparent}[class*=NamingOption-option-]:hover [class*=NamingOption-token-]{background-color:rgba(255,255,2550,.25)}[class*=NamingOption-option-]:hover [class*=NamingOption-example-]{background-color:rgba(255,255,2550,.35)}[class*=Card-card-],[class*=QualityProfiles-addQualityProfile-]{background-color:rgba(0,0,0,.45);box-shadow:0 0 10px 1px #000;color:var(--text)}[class*=Card-card-]:hover{color:var(--text-hover)}[class*=LanguageProfiles-center-],[class*=QualityProfiles-center-],[class*=ReleaseProfiles-center-]{background-color:transparent;border:none}[class*=LanguageProfileItem-languageProfileItem-],[class*=QualityProfileItem-qualityProfileItem-],[class*=QualityProfileItemGroup-qualityProfileItemGroup-]{border:none;background-color:rgba(0,0,0,.25);color:#fff}[class*=QualityProfileItemGroup-qualityProfileItemGroup-][class*=QualityProfileItemGroup-editGroups-]{background:rgba(0,0,0,.25)}[class*=KeyValueListInputItem-keyInput-],[class*=KeyValueListInputItem-valueInput-]{border:none;background:0 0;color:#fff}[class*=QualityProfileFormatItem-qualityProfileFormatItem-]{border:1px solid transparent;background:rgba(0,0,0,.25)}[class*=QualityDefinitions-sizeLimitHelpText-]{color:var(--text)}[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 #000;color:var(--text)}[class*=LanguageProfiles-center-],[class*=MetadataProfiles-center-],[class*=QualityProfiles-center-],[class*=RootFolders-center-]{background-color:transparent;border:none}[class*=DownloadClients-center-],[class*=ImportLists-center-],[class*=Indexers-center-],[class*=Notifications-center-],[class*=Restrictions-center-]{display:inline-block;padding:15px 20px 15px;border-radius:4px}[class*=DownloadClients-center-]{background-color:transparent;border:none}[class*=Notifications-center-]{background-color:transparent;border:none}[class*=ImportLists-center-]{background-color:transparent;border:none}[class*=Alert-info-]{border-color:transparent;background-color:rgba(0,0,0,.25);color:#ffc107}[class*=Restrictions-center-]{border:1px solid transparent;background-color:transparent}[class*=NetImports-center-]{border:1px solid transparent;background-color:transparent}[class*=CustomFormats-center-],[class*=EditCustomFormatModalContent-center-]{border:1px solid transparent;background-color:transparent}.panel-body{background-color:rgba(0,0,0,.25);color:var(--text)}.panel-header{background-color:rgba(0,0,0,.45)}.forgot-password{color:var(--text)!important}input[type=email],input[type=password]{border:none;background-color:rgba(255,255,255,.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,.25)}[class*=FilterBuilderRow-filterRow-]:hover{background-color:transparent}[class*=CustomFilter-customFilter-]:hover{background-color:hsla(0,0%,100%,.08)}[class*=ArtistIndexHeader-actions-]:hover,[class*=ArtistIndexHeader-added-]:hover,[class*=ArtistIndexHeader-albumCount-]:hover,[class*=ArtistIndexHeader-artistType-]:hover,[class*=ArtistIndexHeader-genres-]:hover,[class*=ArtistIndexHeader-languageProfileId-]:hover,[class*=ArtistIndexHeader-lastAlbum-]:hover,[class*=ArtistIndexHeader-latestAlbum-]:hover,[class*=ArtistIndexHeader-metadataProfileId-]:hover,[class*=ArtistIndexHeader-nextAlbum-]:hover,[class*=ArtistIndexHeader-qualityProfileId-]:hover,[class*=ArtistIndexHeader-sortName-]:hover,[class*=ArtistIndexHeader-trackCount-]:hover,[class*=ArtistIndexHeader-trackProgress-]:hover{background-color:rgba(0,0,0,.25);color:#fff}[class*=ArtistIndexRow-ratings-]{border-top:1px solid var(--text)!important}[class*=AlbumStudioAlbum-album-],[class*=AlbumStudioAlbum-albumType-],[class*=AlbumStudioAlbum-tracks-]{border:none;background-color:rgba(0,0,0,.25);color:#fff}[class*=AlbumStudioAlbum-missingWanted-]{background-color:#f05050}[class*=AlbumStudioAlbum-allTracks-]{background-color:#0b8750}[class*=Label-danger-][class*=Label-outline-]{color:#fff;background-color:#f05050} \ No newline at end of file +/* 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-"] { + 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(--queue-color); + background-color: var(--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-"] { + 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-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/lidarr/organizr-dark.css b/CSS/themes/lidarr/organizr-dark.css index 61d3dc6a..5b492319 100644 --- a/CSS/themes/lidarr/organizr-dark.css +++ b/CSS/themes/lidarr/organizr-dark.css @@ -1 +1,27 @@ -@import url(https://theme-park.dev/CSS/themes/lidarr/lidarr-base.css);@import url(https://theme-park.dev/CSS/variables/organizr-dark.css);: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;--queue-color:#2cabe3} \ No newline at end of file + +/* 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 */ + +/* LIDARR ORGANIZR-DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/lidarr/lidarr-base.css); +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); + +/* APP VARS */ +: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; + --queue-color: #2cabe3; +} \ No newline at end of file diff --git a/CSS/themes/lidarr/plex.css b/CSS/themes/lidarr/plex.css index bcb9e11e..771d8df0 100644 --- a/CSS/themes/lidarr/plex.css +++ b/CSS/themes/lidarr/plex.css @@ -1 +1,27 @@ -@import url(https://theme-park.dev/CSS/themes/lidarr/lidarr-base.css);@import url(https://theme-park.dev/CSS/variables/plex.css);: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;--queue-color:#27c24c} \ No newline at end of file + +/* 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 */ + +/* LIDARR PLEX THEME */ +@import url(https://theme-park.dev/CSS/themes/lidarr/lidarr-base.css); +@import url(https://theme-park.dev/CSS/variables/plex.css); + +/* APP VARS */ +: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; + --queue-color: #27c24c; +} \ No newline at end of file diff --git a/CSS/themes/lidarr/space-gray.css b/CSS/themes/lidarr/space-gray.css index 6fe2efcb..a59247d5 100644 --- a/CSS/themes/lidarr/space-gray.css +++ b/CSS/themes/lidarr/space-gray.css @@ -1 +1,27 @@ -@import url(https://theme-park.dev/CSS/themes/lidarr/lidarr-base.css);@import url(https://theme-park.dev/CSS/variables/space-gray.css);: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;--queue-color:#81a6b7} \ No newline at end of file + +/* 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 */ + +/* LIDARR SPACE GRAY THEME */ +@import url(https://theme-park.dev/CSS/themes/lidarr/lidarr-base.css); +@import url(https://theme-park.dev/CSS/variables/space-gray.css); + +/* APP VARS */ +: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; + --queue-color: #81a6b7; +} \ No newline at end of file diff --git a/CSS/themes/logarr/aquamarine.css b/CSS/themes/logarr/aquamarine.css index 5bd2c236..d44c0b1f 100644 --- a/CSS/themes/logarr/aquamarine.css +++ b/CSS/themes/logarr/aquamarine.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/logarr/logarr-base.css);:root{--main-bg-color:radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;--modal-bg-color:radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;--button-color:hsla(0,0%,100%,.15);--button-color-hover:hsla(0,0%,100%,.30)} \ No newline at end of file + +/* 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 */ + +/* LOGARR AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/logarr/logarr-base.css); +:root { + --main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; + --modal-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; + --button-color: hsla(0,0%,100%,.15); + --button-color-hover: hsla(0,0%,100%,.30); +} \ No newline at end of file diff --git a/CSS/themes/logarr/dark.css b/CSS/themes/logarr/dark.css index e7c90fdd..6dbf1e6d 100644 --- a/CSS/themes/logarr/dark.css +++ b/CSS/themes/logarr/dark.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/logarr/logarr-base.css);: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;--button-color:#cc7b19;--button-color-hover:#e59029} \ No newline at end of file + +/* 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 */ + +/* LOGARR DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/logarr/logarr-base.css); +: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; + --button-color: #cc7b19; + --button-color-hover: #e59029; + } \ No newline at end of file diff --git a/CSS/themes/logarr/hotline.css b/CSS/themes/logarr/hotline.css index 8a3bf2d1..7ea196f8 100644 --- a/CSS/themes/logarr/hotline.css +++ b/CSS/themes/logarr/hotline.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/logarr/logarr-base.css);:root{--main-bg-color:radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;--modal-bg-color:radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;--button-color:hsla(0,0%,100%,.15);--button-color-hover:hsla(0,0%,100%,.30)} \ No newline at end of file + +/* 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 */ + +/* LOGARR HOTLINE THEME */ +@import url(https://theme-park.dev/CSS/themes/logarr/logarr-base.css); +:root { + --main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; + --modal-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; + --button-color: hsla(0,0%,100%,.15); + --button-color-hover: hsla(0,0%,100%,.30); +} \ No newline at end of file diff --git a/CSS/themes/logarr/logarr-base.css b/CSS/themes/logarr/logarr-base.css index 27db3212..ec221b4c 100644 --- a/CSS/themes/logarr/logarr-base.css +++ b/CSS/themes/logarr/logarr-base.css @@ -1 +1,581 @@ -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:#fff!important}@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:0;background-color:rgba(255,255,255,.08);box-shadow:5px 5px 10px rgba(0,0,0,.15)}#includedContent{background-color:transparent;background:0 0}body{opacity:1;transition:1s opacity;background-color:#00000000;-webkit-font-smoothing:antialiased;font-family:'Roboto:400',sans-serif!important;color:#fff;padding:10px 10px 0}.btn{font-weight:600!important}body.fade-out{opacity:0;transition:none}.category-filter-item,.filesize,.left,.nav-item,.path,.right{color:#fff}#password:hover,#username:hover{text-shadow:0 0 1rem transparent}#auto-update,#categoryFilter{color:#fff!important;background-color:transparent!important;box-shadow:none;border-radius:0}#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,.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 .5s;color:#fff;background-color:rgba(0,0,0,.3);word-wrap:break-word;padding:0 10px 0 10px}.header-brand,.logheader{text-shadow:none!important}.alpaca-control-label,.alpaca-control.radio{color:#fff!important}.alpaca-form-buttons-container{background-color:transparent!important}.Rtable-cell{color:#fff!important}#colorkey{color:#fff!important}.settingstitle{text-shadow:none!important}#reginfo{color:#fff!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-wrapper{box-shadow:none!important;background-color:rgba(0,0,0,.07)}.sidebar-nav li:hover:before{-webkit-transition:none!important;transition:none!important;background-color:rgba(0,0,0,.07)}.sidebar-nav li:before{background-color:rgba(0,0,0,.07);transition:none!important;-webkit-transition:none!important}.sidebar-nav li:first-child a{background-color:rgba(0,0,0,.07)}.sidebar-nav li:nth-child(2):before{background-color:rgba(0,0,0,.07)}.sidebar-nav li:nth-child(3):before{background-color:rgba(0,0,0,.07)}.sidebar-nav li:nth-child(4):before{background-color:rgba(0,0,0,.07)}.sidebar-nav li:nth-child(5):before{background-color:rgba(0,0,0,.07)}.sidebar-nav li:nth-child(6):before{background-color:rgba(0,0,0,.07)}.sidebar-nav li:nth-child(7):before{background-color:rgba(0,0,0,.07)}.sidebar-nav li:nth-child(8):before{background-color:rgba(0,0,0,.07)}.sidebar-nav li:nth-child(9):before{background-color:rgba(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:#fff!important;border:1px solid transparent!important;box-shadow:.5rem .5rem 1rem rgb(15,15,15,.45)!important}.modalloadingspinner,.modaltextloading{color:#fff!important}.container{max-width:100%!important;padding-right:2rem!important}#stats{background-color:rgba(0,0,0,.15)!important;padding-left:0!important;padding-right:1.11rem!important;box-shadow:none}#hd{padding-left:.8rem!important}.double-val-label>span.success{background-color:#28a745!important}.servicetile:focus,.servicetile:hover{text-shadow:0 0 20px #000}#servicetitle:focus,#servicetitle:hover{text-shadow:0 0 20px #000}#servicetitle{color:#fff!important}.btnoffline,.btnonline,.btnunknown{box-shadow:0 .2rem 1rem rgba(0,0,0,.9)!important;-webkit-box-shadow:0 .2rem 1rem rgba(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:#fff!important}.btn-group>.btn:first-child{color:#fff!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:0 0 0 0 #ffffff00,0 0 0 0 #ffffff00,10px 0 10px 0 #ffffff00,-10px 0 10px 2px #ffffff00!important}.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:focus,.servicetile:hover{color:#fff;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:#fff;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:focus,#servicetitle:hover{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:0 2px 5px #0f0f0f!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:#fff!important}.footer:hover{text-shadow:0 0 15px transparent!important}#footer{color:transparent!important}.navbar-brand{text-shadow:0 0 15px #000!important}.btnoffline,.btnonline,.btnunknown{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}#uploadbutton,.modalimgpath,.modaltext{color:#fff!important}.file-upload{background-color:var(--button-color)!important;color:#fff!important}.file-upload:hover{background-color:var(--button-color-hover)!important;color:#fff!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 +/* 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/logarr/organizr-dark.css b/CSS/themes/logarr/organizr-dark.css index fa33f34c..1daf2f1e 100644 --- a/CSS/themes/logarr/organizr-dark.css +++ b/CSS/themes/logarr/organizr-dark.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/logarr/logarr-base.css);:root{--main-bg-color:#1f1f1f;--modal-bg-color:#1b1b1b;--button-color:#2cabe3;--button-color-hover:rgb(44 171 227 / .8)} \ No newline at end of file + +/* 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 */ + +/* LOGARR ORGANIZR-DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/logarr/logarr-base.css); +:root { + --main-bg-color: #1f1f1f; + --modal-bg-color: #1b1b1b; + --button-color: #2cabe3; + --button-color-hover: rgb(44 171 227 / .8); + } \ No newline at end of file diff --git a/CSS/themes/logarr/plex.css b/CSS/themes/logarr/plex.css index 0160ca22..bddb55dd 100644 --- a/CSS/themes/logarr/plex.css +++ b/CSS/themes/logarr/plex.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/logarr/logarr-base.css);:root{--main-bg-color:url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"),url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-light2.png") center center/cover no-repeat fixed;--modal-bg-color:url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"),url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-dark2.png") center center/cover no-repeat fixed;--button-color:#cc7b19;--button-color-hover:#e59029} \ No newline at end of file + +/* 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 */ + +/* LOGARR PLEX THEME */ +@import url(https://theme-park.dev/CSS/themes/logarr/logarr-base.css); +:root { + --main-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-light2.png") center center/cover no-repeat fixed; + --modal-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-dark2.png") center center/cover no-repeat fixed; + --button-color: #cc7b19; + --button-color-hover: #e59029; + } \ No newline at end of file diff --git a/CSS/themes/logarr/space-gray.css b/CSS/themes/logarr/space-gray.css index 1b0c7e28..bfa1f5c4 100644 --- a/CSS/themes/logarr/space-gray.css +++ b/CSS/themes/logarr/space-gray.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/logarr/logarr-base.css);: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;--button-color:#607D8B;--button-color-hover:#81a6b7} \ No newline at end of file + +/* 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 */ + +/* LOGARR SPACE GRAY THEME */ +@import url(https://theme-park.dev/CSS/themes/logarr/logarr-base.css); +: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; + --button-color: #607D8B; + --button-color-hover: #81a6b7; +} \ No newline at end of file diff --git a/CSS/themes/monitorr/aquamarine.css b/CSS/themes/monitorr/aquamarine.css index c109df7c..92a69cbe 100644 --- a/CSS/themes/monitorr/aquamarine.css +++ b/CSS/themes/monitorr/aquamarine.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/monitorr/monitorr-base.css);:root{--main-bg-color:radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;--modal-bg-color:radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;--button-color:hsla(0,0%,100%,.15);--button-color-hover:hsla(0,0%,100%,.30)} \ No newline at end of file + +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +/* MONIITORR AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/monitorr/monitorr-base.css); +:root { + --main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; + --modal-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; + --button-color: hsla(0,0%,100%,.15); + --button-color-hover: hsla(0,0%,100%,.30); +} \ No newline at end of file diff --git a/CSS/themes/monitorr/dark.css b/CSS/themes/monitorr/dark.css index 22f376f5..d4fa6bba 100644 --- a/CSS/themes/monitorr/dark.css +++ b/CSS/themes/monitorr/dark.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/monitorr/monitorr-base.css);: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;--button-color:#cc7b19;--button-color-hover:#e59029} \ No newline at end of file + +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +/* MONITORR DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/monitorr/monitorr-base.css); +: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; + --button-color: #cc7b19; + --button-color-hover: #e59029; + } \ No newline at end of file diff --git a/CSS/themes/monitorr/hotline.css b/CSS/themes/monitorr/hotline.css index 8a37afcb..35b4b401 100644 --- a/CSS/themes/monitorr/hotline.css +++ b/CSS/themes/monitorr/hotline.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/monitorr/monitorr-base.css);:root{--main-bg-color:radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;--modal-bg-color:radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;--button-color:hsla(0,0%,100%,.15);--button-color-hover:hsla(0,0%,100%,.30)} \ No newline at end of file + +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +/* MONITORR HOTLINE THEME */ +@import url(https://theme-park.dev/CSS/themes/monitorr/monitorr-base.css); +:root { + --main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; + --modal-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; + --button-color: hsla(0,0%,100%,.15); + --button-color-hover: hsla(0,0%,100%,.30); +} \ No newline at end of file diff --git a/CSS/themes/monitorr/monitorr-base.css b/CSS/themes/monitorr/monitorr-base.css index 9fc0bc60..a40f9a33 100644 --- a/CSS/themes/monitorr/monitorr-base.css +++ b/CSS/themes/monitorr/monitorr-base.css @@ -1 +1,433 @@ -#footer:after{color:#fff;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:#fff!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}#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:0 0}#password:hover,#username:hover{text-shadow:0 0 1rem transparent}.alpaca-control-label,.alpaca-control.radio{color:#fff!important}.alpaca-form-buttons-container{background-color:transparent!important}.Rtable-cell{color:#fff!important}#colorkey{color:#fff!important}.settingstitle{text-shadow:none!important}#reginfo{color:#fff!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-wrapper{box-shadow:none!important;background-color:rgba(0,0,0,.07)}.sidebar-nav li:hover:before{-webkit-transition:none!important;transition:none!important;background-color:rgba(0,0,0,.07)}.sidebar-nav li:before{background-color:rgba(0,0,0,.07);transition:none!important;-webkit-transition:none!important}.sidebar-nav li:first-child a{background-color:rgba(0,0,0,.07)}.sidebar-nav li:nth-child(2):before{background-color:rgba(0,0,0,.07)}.sidebar-nav li:nth-child(3):before{background-color:rgba(0,0,0,.07)}.sidebar-nav li:nth-child(4):before{background-color:rgba(0,0,0,.07)}.sidebar-nav li:nth-child(5):before{background-color:rgba(0,0,0,.07)}.sidebar-nav li:nth-child(6):before{background-color:rgba(0,0,0,.07)}.sidebar-nav li:nth-child(7):before{background-color:rgba(0,0,0,.07)}.sidebar-nav li:nth-child(8):before{background-color:rgba(0,0,0,.07)}.sidebar-nav li:nth-child(9):before{background-color:rgba(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:#fff!important;border:1px solid transparent!important;box-shadow:.5rem .5rem 1rem rgb(15,15,15,.45)!important}.modalloadingspinner,.modaltextloading{color:#fff!important}.container{max-width:100%!important;padding-right:2rem!important}#stats{background-color:rgba(0,0,0,.15)!important;padding-left:0!important;padding-right:1.11rem!important;box-shadow:none}#hd{padding-left:.8rem!important}.double-val-label>span.success{background-color:#28a745!important}.servicetile:focus,.servicetile:hover{text-shadow:0 0 20px #000}#servicetitle:focus,#servicetitle:hover{text-shadow:0 0 20px #000}#servicetitle{color:#fff!important}.btnoffline,.btnonline,.btnunknown{box-shadow:0 .2rem 1rem rgba(0,0,0,.9)!important;-webkit-box-shadow:0 .2rem 1rem rgba(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:#fff!important}.btn-group>.btn:first-child{color:#fff!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:0 0 0 0 #ffffff00,0 0 0 0 #ffffff00,10px 0 10px 0 #ffffff00,-10px 0 10px 2px #ffffff00!important}.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:focus,.servicetile:hover{color:#fff;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:#fff;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:focus,#servicetitle:hover{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:0 2px 5px #0f0f0f!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:#fff!important}.footer:hover{text-shadow:0 0 15px transparent!important}#footer{color:transparent!important}.navbar-brand{text-shadow:0 0 15px #000!important}.btnoffline,.btnonline,.btnunknown{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}#uploadbutton,.modalimgpath,.modaltext{color:#fff!important}.file-upload{background-color:var(--button-color)!important;color:#fff!important}.file-upload:hover{background-color:var(--button-color-hover)!important;color:#fff!important}@media only screen and (max-width:775px){#slidertable{display:none!important}#time{display:none!important}} \ No newline at end of file +/* 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-dark.css b/CSS/themes/monitorr/organizr-dark.css index db519cdc..e732af3b 100644 --- a/CSS/themes/monitorr/organizr-dark.css +++ b/CSS/themes/monitorr/organizr-dark.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/monitorr/monitorr-base.css);:root{--main-bg-color:#1f1f1f;--modal-bg-color:#1b1b1b;--button-color:#2cabe3;--button-color-hover:rgb(44 171 227 / .8)} \ No newline at end of file + +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +/* MONITORR ORGANIZR-DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/monitorr/monitorr-base.css); +:root { + --main-bg-color: #1f1f1f; + --modal-bg-color: #1b1b1b; + --button-color: #2cabe3; + --button-color-hover: rgb(44 171 227 / .8); + } \ No newline at end of file diff --git a/CSS/themes/monitorr/organizr-dashboard.css b/CSS/themes/monitorr/organizr-dashboard.css index 8636cda1..0885be63 100644 --- a/CSS/themes/monitorr/organizr-dashboard.css +++ b/CSS/themes/monitorr/organizr-dashboard.css @@ -1 +1,210 @@ -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:0!important;padding-right:1.11rem!important;box-shadow:none}#hd{padding-left:.8rem!important}.double-val-label>span.success{background-color:#28a745!important}.servicetile:focus,.servicetile:hover{text-shadow:0 0 20px #000}#servicetitle:focus,#servicetitle:hover{text-shadow:0 0 20px #000}#servicetitle{color:#fff!important}.btnoffline,.btnonline,.btnunknown{box-shadow:0 .2rem 1rem rgba(0,0,0,.9)!important;-webkit-box-shadow:0 .2rem 1rem rgba(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:0 0 0 0 #ffffff00,0 0 0 0 #ffffff00,10px 0 10px 0 #ffffff00,-10px 0 10px 2px #ffffff00!important}.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:focus,.servicetile:hover{color:#fff;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:#fff;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:focus,#servicetitle:hover{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:0 2px 5px #0f0f0f!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:#000!important}.navbar-brand{text-shadow:0 0 15px #000!important}.Rtable-cell{color:#000!important}#colorkey{color:#000!important}.btnoffline,.btnonline,.btnunknown{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 +/* 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/monitorr/plex.css b/CSS/themes/monitorr/plex.css index da549423..9287143f 100644 --- a/CSS/themes/monitorr/plex.css +++ b/CSS/themes/monitorr/plex.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/monitorr/monitorr-base.css);:root{--main-bg-color:url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"),url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-light2.png") center center/cover no-repeat fixed;--modal-bg-color:url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"),url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-dark2.png") center center/cover no-repeat fixed;--button-color:#cc7b19;--button-color-hover:#e59029} \ No newline at end of file + +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +/* MONITORR PLEX THEME */ +@import url(https://theme-park.dev/CSS/themes/monitorr/monitorr-base.css); +:root { + --main-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-light2.png") center center/cover no-repeat fixed; + --modal-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-dark2.png") center center/cover no-repeat fixed; + --button-color: #cc7b19; + --button-color-hover: #e59029; + } \ No newline at end of file diff --git a/CSS/themes/monitorr/space-gray.css b/CSS/themes/monitorr/space-gray.css index 7bdc308a..449040f4 100644 --- a/CSS/themes/monitorr/space-gray.css +++ b/CSS/themes/monitorr/space-gray.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/monitorr/monitorr-base.css);: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;--button-color:#607D8B;--button-color-hover:#81a6b7} \ No newline at end of file + +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +/* MONIITORR AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/monitorr/monitorr-base.css); +: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; + --button-color: #607D8B; + --button-color-hover: #81a6b7; +} \ No newline at end of file diff --git a/CSS/themes/moviematch/aquamarine.css b/CSS/themes/moviematch/aquamarine.css index f5fdec07..6cd97e72 100644 --- a/CSS/themes/moviematch/aquamarine.css +++ b/CSS/themes/moviematch/aquamarine.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/moviematch/moviematch-base.css);@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file + +/* 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 */ + +/* MOVIEMATCH AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/moviematch/moviematch-base.css); +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file diff --git a/CSS/themes/moviematch/dark.css b/CSS/themes/moviematch/dark.css index f3d3003f..acc7ac56 100644 --- a/CSS/themes/moviematch/dark.css +++ b/CSS/themes/moviematch/dark.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/moviematch/moviematch-base.css);@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file + +/* 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 */ + +/* MOVIEMATCH DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/moviematch/moviematch-base.css); +@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file diff --git a/CSS/themes/moviematch/dracula.css b/CSS/themes/moviematch/dracula.css index 369d643c..24b26b1d 100644 --- a/CSS/themes/moviematch/dracula.css +++ b/CSS/themes/moviematch/dracula.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/moviematch/moviematch-base.css);@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file + +/* 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 */ + +/* MOVIEMATCH DRACULA THEME */ +@import url(https://theme-park.dev/CSS/themes/moviematch/moviematch-base.css); +@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file diff --git a/CSS/themes/moviematch/hotline.css b/CSS/themes/moviematch/hotline.css index 70a56fc7..5283625c 100644 --- a/CSS/themes/moviematch/hotline.css +++ b/CSS/themes/moviematch/hotline.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/moviematch/moviematch-base.css);@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file + +/* 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 */ + +/* MOVIEMATCH HOTLINE THEME */ +@import url(https://theme-park.dev/CSS/themes/moviematch/moviematch-base.css); +@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file diff --git a/CSS/themes/moviematch/moviematch-base.css b/CSS/themes/moviematch/moviematch-base.css index 7a3aad15..9d7cc2ea 100644 --- a/CSS/themes/moviematch/moviematch-base.css +++ b/CSS/themes/moviematch/moviematch-base.css @@ -1 +1,147 @@ -*{outline:0}body{background:var(--main-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;color:var(--text)}.Field_Label,.card-stack:empty::after,.matches-list:empty::before,.matches-title,footer{color:var(--text)}.matches-section hr{border:.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))}.TextInput,.login-form input,input{background:rgba(0,0,0,.25);border:1px solid transparent;color:var(--text)}.TextInput:focus,.login-form input:focus,input:focus{background:#fff;border:1px solid transparent;color:#000}input:focus{outline:0}.Select_Element{border:2px solid var(--button-color);color:var(--button-text)}.AddRemoveList_Add,.ButtonPrimary,.SegmentedControlsListItem,.login-form .room-code-container .generate-button,.login-form .submit-button{background:var(--button-color);color:var(--button-text);border:1px solid var(--button-color)}.AddRemoveList_Add:active,.AddRemoveList_Add:hover,.ButtonPrimary:active .ButtonSecondary:hover,.ButtonPrimary:hover,.ButtonSecondary:active,.ButtonTertiary:active,.ButtonTertiary:hover,.SegmentedControlsListItem:active,.SegmentedControlsListItem:hover,.login-form .room-code-container .generate-button:hover,.login-form .submit-button:hover{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)}.card{border:1px solid transparent}.Card_MoreInfoButton:hover{color:rgb(var(--accent-color))}.RoomInfoBar{background-color:rgba(0,0,0,.25)}.PopoverMenuButton:hover{background:rgb(255 255 255 / 15%)!important;color:var(--mm-white)} \ No newline at end of file +/* 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/moviematch/organizr-dark.css b/CSS/themes/moviematch/organizr-dark.css index a8c65b4e..e4c5a3ab 100644 --- a/CSS/themes/moviematch/organizr-dark.css +++ b/CSS/themes/moviematch/organizr-dark.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/moviematch/moviematch-base.css);@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file + +/* 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 */ + +/* MOVIEMATCH ORGANIZR-DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/moviematch/moviematch-base.css); +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file diff --git a/CSS/themes/moviematch/plex.css b/CSS/themes/moviematch/plex.css index ac1f918e..04c373a3 100644 --- a/CSS/themes/moviematch/plex.css +++ b/CSS/themes/moviematch/plex.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/moviematch/moviematch-base.css);@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file + +/* 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 */ + +/* MOVIEMATCH PLEX THEME */ +@import url(https://theme-park.dev/CSS/themes/moviematch/moviematch-base.css); +@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file diff --git a/CSS/themes/moviematch/space-gray.css b/CSS/themes/moviematch/space-gray.css index 96a1291f..6cd9d9f7 100644 --- a/CSS/themes/moviematch/space-gray.css +++ b/CSS/themes/moviematch/space-gray.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/moviematch/moviematch-base.css);@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file + +/* 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 */ + +/* MOVIEMATCH SPACE GRAY THEME */ +@import url(https://theme-park.dev/CSS/themes/moviematch/moviematch-base.css); +@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file diff --git a/CSS/themes/netdata/aquamarine.css b/CSS/themes/netdata/aquamarine.css index 039b88bb..f4da34c4 100644 --- a/CSS/themes/netdata/aquamarine.css +++ b/CSS/themes/netdata/aquamarine.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/netdata/netdata-base.css);@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file + +/* 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 AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/netdata/netdata-base.css); +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file diff --git a/CSS/themes/netdata/dark.css b/CSS/themes/netdata/dark.css index 909a0bb4..21c8a06b 100644 --- a/CSS/themes/netdata/dark.css +++ b/CSS/themes/netdata/dark.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/netdata/netdata-base.css);@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file + +/* 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 DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/netdata/netdata-base.css); +@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file diff --git a/CSS/themes/netdata/dracula.css b/CSS/themes/netdata/dracula.css index ad887947..ceb0bb3d 100644 --- a/CSS/themes/netdata/dracula.css +++ b/CSS/themes/netdata/dracula.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/netdata/netdata-base.css);@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file + +/* 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 AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/netdata/netdata-base.css); +@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file diff --git a/CSS/themes/netdata/hotline.css b/CSS/themes/netdata/hotline.css index f5574f9f..41f26db7 100644 --- a/CSS/themes/netdata/hotline.css +++ b/CSS/themes/netdata/hotline.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/netdata/netdata-base.css);@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file + +/* 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 HOTLINE THEME */ +@import url(https://theme-park.dev/CSS/themes/netdata/netdata-base.css); +@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file diff --git a/CSS/themes/netdata/netdata-base.css b/CSS/themes/netdata/netdata-base.css index 31049186..3947c571 100644 --- a/CSS/themes/netdata/netdata-base.css +++ b/CSS/themes/netdata/netdata-base.css @@ -1 +1,484 @@ -[class*=styled__SocialMediaContainer-],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)}*{outline:0!important}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)}.dashboard-context-info a,a{color:var(--link-color)!important}.dashboard-context-info a:hover,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-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:focus,.navbar-default .navbar-nav>li>a:hover{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:focus,.navbar-default .navbar-nav>.open>a:hover{background-color:rgba(0,0,0,.25)!important}.navbar-default,.navbar-inverse{border:0 solid rgba(0,0,0,.6)!important;text-shadow:1px 1px 1px rgba(0,0,0,.3)!important}.navbar-default .navbar-brand{color:#fff!important}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#fff!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 transparent!important;border-left:1px solid transparent!important;color:#fff!important}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{background-color:rgba(0,0,0,.15)!important;border:1px solid #00000000!important;color:rgb(var(--accent-color))}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#3e444c}.nav>li>a:focus,.nav>li>a:hover{background-color:rgba(255,255,255,.08)!important}.nav-tabs>li>a:hover{border-color:transparent}.nav-tabs{border-bottom:1px 1px 1px rgba(0,0,0,.3)}#my-netdata-dropdown-content .agent-item:hover{background-color:rgba(255,255,255,.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:0!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,.15)}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{background-color:rgba(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,.45)!important}.panel-default>.panel-heading{background-color:transparent!important}table{background:0 0!important}.table-hover>tbody>tr:hover{background-color:rgba(255,255,255,.08)!important}.table>thead>tr>th{border-bottom:2px solid rgba(255,255,255,.3)!important}#my-netdata-dropdown-content hr{border-top:1px solid rgba(255,255,255,.3)}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{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:focus,.close:hover{color:#fff!important}.dashboard-sidebar .nav>.active:focus>a,.dashboard-sidebar .nav>.active:hover>a,.dashboard-sidebar .nav>.active>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,.25)}[class*=sidebar__Wrapper-] [class*=flex-sc-]:not([class*=collapsible__Animated-]){background:0 0}[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{color:var(--label-text-color)!important;background-color:rgb(var(--accent-color))!important}.easyPieChartLabel,.easyPieChartTitle,.easyPieChartUnits,.gaugeChartLabel,.gaugeChartMax,.gaugeChartMin,.gaugeChartTitle,.gaugeChartUnits{color:#fff!important}.dygraph-axis-label,.netdata-legend-toolbox,.netdata-legend-toolbox-button,.netdata-legend-value{background-color:rgba(0,0,0,0)!important;color:#fff!important}.netdata-legend-resize-handler{background-color:rgba(0,0,0,0)!important;color:#fff!important}.netdata-legend-name-table-line{border-bottom-width:0!important}.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,.3)}.pagination>li>a,.pagination>li>span{background-color:rgba(0,0,0,.25)!important;border:1px solid transparent!important}.pagination>li>a:hover{background-color:rgba(255,255,255,.08)!important}.btn-default:not([class*=toggle]){background-color:var(--button-color);color:var(--button-text);border-color:var(--button-color)}[data-testid*="date-picker::click-apply::global-view-"],a[class*=styled__StyledButton-]{background-color:var(--button-color)!important;color:var(--button-text)!important;border-color:var(--button-color)!important}[data-testid*="date-picker::click-apply::global-view-"]:active,[data-testid*="date-picker::click-apply::global-view-"]:hover,a[class*=styled__StyledButton-]:active,a[class*=styled__StyledButton-]:hover{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)}[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*=container__Container-] div,[class*=styled__ListContainer],[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 +/* 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-dark.css b/CSS/themes/netdata/organizr-dark.css index 0616efb8..dde219d0 100644 --- a/CSS/themes/netdata/organizr-dark.css +++ b/CSS/themes/netdata/organizr-dark.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/netdata/netdata-base.css);@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file + +/* 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-DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/netdata/netdata-base.css); +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file diff --git a/CSS/themes/netdata/organizr-dashboard.css b/CSS/themes/netdata/organizr-dashboard.css index 4f044103..35367def 100644 --- a/CSS/themes/netdata/organizr-dashboard.css +++ b/CSS/themes/netdata/organizr-dashboard.css @@ -1 +1,20 @@ -@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 + +/* 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/netdata/plex.css b/CSS/themes/netdata/plex.css index fa1e820e..f38b8eaa 100644 --- a/CSS/themes/netdata/plex.css +++ b/CSS/themes/netdata/plex.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/netdata/netdata-base.css);@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file + +/* 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 PLEX THEME */ +@import url(https://theme-park.dev/CSS/themes/netdata/netdata-base.css); +@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file diff --git a/CSS/themes/netdata/space-gray.css b/CSS/themes/netdata/space-gray.css index 105926c1..d13eb53d 100644 --- a/CSS/themes/netdata/space-gray.css +++ b/CSS/themes/netdata/space-gray.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/netdata/netdata-base.css);@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file + +/* 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 SPACE GRAY THEME */ +@import url(https://theme-park.dev/CSS/themes/netdata/netdata-base.css); +@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file diff --git a/CSS/themes/nzbget/aquamarine.css b/CSS/themes/nzbget/aquamarine.css index da224625..4fe915b3 100644 --- a/CSS/themes/nzbget/aquamarine.css +++ b/CSS/themes/nzbget/aquamarine.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/nzbget/nzbget-base.css);:root{--main-bg-color:radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;--modal-bg-color:radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;--accent-color:#FFEB3B;--button-color:#00bcd4} \ No newline at end of file + +/* 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 */ + +/* NZBGET AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/nzbget/nzbget-base.css); +:root { + --main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; + --modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; + --accent-color: #FFEB3B; + --button-color: #00bcd4; +} \ No newline at end of file diff --git a/CSS/themes/nzbget/dark.css b/CSS/themes/nzbget/dark.css index 8d1fb461..2b245825 100644 --- a/CSS/themes/nzbget/dark.css +++ b/CSS/themes/nzbget/dark.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/nzbget/nzbget-base.css);: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;--accent-color:#f9be03;--button-color:#cc7b19} \ No newline at end of file + +/* 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 */ + +/* NZBGET DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/nzbget/nzbget-base.css); +: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; + --accent-color: #f9be03; + --button-color: #cc7b19; + } \ No newline at end of file diff --git a/CSS/themes/nzbget/hotline.css b/CSS/themes/nzbget/hotline.css index 83cf11ed..fb056092 100644 --- a/CSS/themes/nzbget/hotline.css +++ b/CSS/themes/nzbget/hotline.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/nzbget/nzbget-base.css);:root{--main-bg-color:radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;--modal-bg-color:radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;--accent-color:#FFEB3B;--button-color:#F44336} \ No newline at end of file + +/* 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 */ + +/* NZBGET HOTLINE THEME */ +@import url(https://theme-park.dev/CSS/themes/nzbget/nzbget-base.css); +:root { + --main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; + --modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; + --accent-color: #FFEB3B; + --button-color: #F44336; +} \ No newline at end of file diff --git a/CSS/themes/nzbget/nzbget-base.css b/CSS/themes/nzbget/nzbget-base.css index c3601d95..5e5df396 100644 --- a/CSS/themes/nzbget/nzbget-base.css +++ b/CSS/themes/nzbget/nzbget-base.css @@ -1 +1,547 @@ -body{background:var(--main-bg-color)!important;background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;background-color:rgba(0,0,0,0);color:#fff!important}::-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{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:#fff!important}.modal-footer{background-color:transparent;border-top:none}.table a{color:#fff}.table a:hover{color:#e5a00d}.table-striped tbody tr:nth-child(odd){background-color:rgba(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,.08)}.table tbody tr:hover,.table tbody tr:hover a,.table tbody tr:hover td{color:#fff;background-color:hsla(0,0%,100%,.08)}.checked .progress,.table-striped tbody tr.checked:nth-child(2n+1) td{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 td,.table th{border-top:none}.table-bordered{border-left:none;border:none}.pagination a{border:none;background:rgba(0,0,0,.25)}.pagination .active a,.pagination a:hover{background-color:hsla(0,0%,100%,.08)}.pagination .active a{color:#fff}.progress{background:hsla(0,0%,100%,.08)}.progress-warning.progress-striped .bar{background-color:#cc7b19}.progress-success.progress-striped .bar{background-color:#51a351}.navbar-fixed-top .navbar-inner{color:#fff!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:var(--accent-color)}.navbar .nav .active>a,.navbar .nav .active>a:hover{background:hsla(0,0%,100%,.08);color:var(--accent-color)}[class*=" icon-"],[class*=" img-"],[class^=icon-],[class^=img-]{background-image:url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/nzbget/icons.png)}.navbar-search .search-query{color:#fff;background-color:rgba(0,0,0,.25)!important;border:0 solid #151515}.navbar-search .search-query.focused,.navbar-search .search-query:focus{color:#000!important;text-shadow:none;background-color:#fff!important}.search-caret-button{outline:0}.menu-header{color:#fff}.dropdown-menu{background-color:#191a1c;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}.dropdown-menu a{color:#fff}.dropdown-menu .active>a,.dropdown-menu .active>a:hover,.dropdown-menu li>a:hover{color:#fff;background-color:hsla(0,0%,100%,.05)}.dropdown-menu .divider{height:0;border-bottom:none}.btn-group>.dropdown-toggle{box-shadow:none}.config-header .btn{background:#fff;color:#adb1b1;text-shadow:unset}#ConfigData>div>button.btn{background:rgba(0,0,0,.25)!important;color:#fff!important;font-weight:700;text-shadow:unset}#ConfigData>div>button.btn:hover{background:hsla(0,0%,100%,.08)!important;color:#fff!important;font-weight:700;text-shadow:unset}#ConfigData>div>div>table>tbody>tr>td>.btn{background:#414141;color:#adb1b1;text-shadow:unset;font-weight:700}#Config_Save:hover{background-color:#51a351;color:#fff}#Config_Save{background:rgba(0,0,0,.25);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,.25);color:#fff}#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:#fff}#ConfigData input.btn.btn-primary{background:var(--button-color)!important;text-shadow:unset;color:#fff}#ConfigData input.btn{background:rgba(0,0,0,.25)!important;text-shadow:unset;color:#a8a8a8}#Config_ViewButton{background:rgba(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:#fff}#HistoryEdit_ParamData input.btn.btn-primary{background:var(--button-color)!important;text-shadow:unset;color:#fff}.btn{color:#fff;text-shadow:none;background-color:rgba(0,0,0,.25);background-image:none;border-color:transparent;border-bottom-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.btn:hover{color:#fff;background-color:hsla(0,0%,100%,.08)}.config-header .btn{background-color:rgba(0,0,0,.25)}.btn-group.open .btn.dropdown-toggle{background-color:#fff;background-color:hsla(0,0%,100%,.08)}#ConfigData>div>div>table>tbody>tr>td>.btn{background:rgba(0,0,0,.25);color:#fff;text-shadow:unset;font-weight:700}#ConfigData>div>div>table>tbody>tr>td>.btn:hover{background:hsla(0,0%,100%,.08);color:#fff}.uneditable-input,input,select,textarea{color:#fff;background-color:#000;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:rgba(0,0,0,.25)!important;color:#fff!important;border:none}select:focus{background:#191a1c!important;color:#fff!important}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus,select:focus{outline:thin dotted #333;outline:0;outline-offset:-2px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}input:focus,textarea:focus{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.6)}.alert-info{font-weight:700;border-radius:unset;border-bottom-left-radius:0;border-bottom-right-radius:0;border:0;background-color:hsla(0,0%,100%,.05);text-shadow:unset;color:#fff;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}label{color:#fff}#ConfigNav{border:1px solid rgba(0,0,0,.25);background-color:rgba(0,0,0,.25)}#ConfigNav.nav-list a{color:#fff;text-decoration:none}.nav-list .nav-header,.nav-list>li>a{text-shadow:none}.nav-list>.active>a,.nav-list>.active>a:hover{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.2);background-color:#08c}.nav-list>.active>a,.nav-list>.active>a:hover{color:var(--accent-color)!important;background-color:transparent}.nav>li>a:hover{background-color:hsla(0,0%,100%,.08)}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-append .add-on,.input-prepend .add-on{background-color:rgba(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:#fff!important;border:none}.config-settitle{background-color:rgba(0,0,0,.25);border-bottom:none}a{color:var(--accent-color);text-decoration:none}a:hover{color:#fff;text-decoration:underline}.badge-warning,.label-warning{background-color:var(--button-color)}.caret{border-top:4px solid #fff} \ No newline at end of file +/* 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: rgba(0, 0, 0, .0); + color: #FFFFFF !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 { + 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: #FFFFFF !important; +} + +.modal-footer { + background-color: transparent; + border-top: none; +} + +/* TABLES */ +.table a { + color: #ffffff; +} + +.table a:hover { + color: #e5a00d; +} + +.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: white; + 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: #ffffff; +} + +/* 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; +} + +/* NAVBAR */ +.navbar-fixed-top .navbar-inner { + color: #fff !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: var(--accent-color); +} + +.navbar .nav .active>a, +.navbar .nav .active>a:hover { + background: hsla(0, 0%, 100%, .08); + color: 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: #ffffff; + background-color: rgba(0, 0, 0, 0.25) !important; + border: 0px solid #151515; + +} + +.navbar-search .search-query:focus, +.navbar-search .search-query.focused { + color: #000 !important; + text-shadow: none; + background-color: white !important; +} + +.search-caret-button { + outline: none; +} + +.menu-header { + color: #ffffff; +} + +.dropdown-menu { + background-color: #191a1c; + 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; +} + +.dropdown-menu a { + color: #ffffff; +} + +.dropdown-menu li>a:hover, +.dropdown-menu .active>a, +.dropdown-menu .active>a:hover { + color: #ffffff; + background-color: hsla(0, 0%, 100%, .05); +} + +.dropdown-menu .divider { + height: 0px; + border-bottom: none; +} + +/* BUTTONS */ +.btn-group>.dropdown-toggle { + box-shadow: none; +} + +.config-header .btn { + background: #FFF; + color: #adb1b1; + text-shadow: unset; +} + +#ConfigData>div>button.btn { + background: rgba(0, 0, 0, .25) !important; + color: #FFF !important; + font-weight: bold; + text-shadow: unset; +} + +#ConfigData>div>button.btn:hover { + background: hsla(0, 0%, 100%, .08) !important; + color: #FFF !important; + font-weight: bold; + text-shadow: unset; +} + +#ConfigData>div>div>table>tbody>tr>td>.btn { + background: #414141; + color: #adb1b1; + text-shadow: unset; + font-weight: bold; +} + +#Config_Save:hover { + background-color: #51a351; + color: #FFF; +} + +#Config_Save { + background: rgba(0, 0, 0, 0.25); + 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) !important; + text-shadow: unset; + color: white; +} + +#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: #ffffff; + text-shadow: none; + background-color: rgba(0, 0, 0, 0.25); + + background-image: none; + border-color: transparent; + border-bottom-color: transparent; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} + +.btn:hover { + color: #FFF; + background-color: hsla(0, 0%, 100%, .08); + +} + +.config-header .btn { + background-color: rgba(0, 0, 0, 0.25); +} + +.btn-group.open .btn.dropdown-toggle { + background-color: #FFF; + background-color: hsla(0, 0%, 100%, .08); +} + +#ConfigData>div>div>table>tbody>tr>td>.btn { + background: rgba(0, 0, 0, 0.25); + color: #FFF; + text-shadow: unset; + font-weight: bold; +} + +#ConfigData>div>div>table>tbody>tr>td>.btn:hover { + background: hsla(0, 0%, 100%, .08); + color: #FFF; +} + +input, +textarea, +select, +.uneditable-input { + color: #ffffff; + background-color: rgb(0, 0, 0); + 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: rgba(0, 0, 0, 0.25) !important; + color: #FFFFFF !important; + border: none; +} + +select:focus { + background: #191a1c !important; + color: #FFF !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: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.6); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.6); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.6); +} + +.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: #FFF; + 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: #FFF; +} + +#ConfigNav { + border: 1px solid rgba(0, 0, 0, .25); + background-color: rgba(0, 0, 0, .25); +} + +#ConfigNav.nav-list a { + color: #fff; + 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: var(--accent-color) !important; + background-color: transparent; +} + +.nav>li>a:hover { + background-color: hsla(0, 0%, 100%, .08); +} + +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(--accent-color); + text-decoration: none; +} + +a:hover { + color: #fff; + text-decoration: underline; +} + +.label-warning, +.badge-warning { + background-color: var(--button-color); +} + +.caret { + border-top: 4px solid #ffffff; +} \ No newline at end of file diff --git a/CSS/themes/nzbget/organizr-dark.css b/CSS/themes/nzbget/organizr-dark.css index 48e252c6..9559d94b 100644 --- a/CSS/themes/nzbget/organizr-dark.css +++ b/CSS/themes/nzbget/organizr-dark.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/nzbget/nzbget-base.css);:root{--main-bg-color:#1f1f1f;--modal-bg-color:#1b1b1b;--accent-color:#2cabe3;--button-color:#2cabe3} \ No newline at end of file + +/* 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 */ + +/* NZBGET ORGANIZR-DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/nzbget/nzbget-base.css); +:root { + --main-bg-color: #1f1f1f; + --modal-bg-color: #1b1b1b; + --accent-color: #2cabe3; + --button-color: #2cabe3; + } \ No newline at end of file diff --git a/CSS/themes/nzbget/plex.css b/CSS/themes/nzbget/plex.css index 8ff8c953..0dba63d4 100644 --- a/CSS/themes/nzbget/plex.css +++ b/CSS/themes/nzbget/plex.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/nzbget/nzbget-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;--accent-color:#f9be03;--button-color:#cc7b19} \ No newline at end of file + +/* 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 */ + +/* NZBGET PLEX THEME */ +@import url(https://theme-park.dev/CSS/themes/nzbget/nzbget-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; + --accent-color: #f9be03; + --button-color: #cc7b19; + } \ No newline at end of file diff --git a/CSS/themes/nzbget/space-gray.css b/CSS/themes/nzbget/space-gray.css index 7329205e..667de296 100644 --- a/CSS/themes/nzbget/space-gray.css +++ b/CSS/themes/nzbget/space-gray.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/nzbget/nzbget-base.css);: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;--accent-color:#81a6b7;--button-color:#607D8B} \ No newline at end of file + +/* 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 */ + +/* NZBGET SPACE GRAY THEME */ +@import url(https://theme-park.dev/CSS/themes/nzbget/nzbget-base.css); +: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; + --accent-color: #81a6b7; + --button-color: #607D8B; +} \ No newline at end of file diff --git a/CSS/themes/nzbhydra2/aquamarine.css b/CSS/themes/nzbhydra2/aquamarine.css index 1296f1e7..1aa18f90 100644 --- a/CSS/themes/nzbhydra2/aquamarine.css +++ b/CSS/themes/nzbhydra2/aquamarine.css @@ -1 +1,22 @@ -@import url(https://theme-park.dev/CSS/themes/nzbhydra2/nzbhydra-base.css);:root{--main-bg-color:radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;--modal-bg-color:radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;--default-button-color:#009688;--default-button-color-hover:radial-gradient(ellipse at center, #5066e0 0%, #01ccb9 100%) center center/cover no-repeat fixed;--accent-color:#118074} \ No newline at end of file + +/* 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 */ + +/* NZBHYDRA2 AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/nzbhydra2/nzbhydra-base.css); +:root { + --main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; + --modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; + --default-button-color: #009688; + --default-button-color-hover: radial-gradient(ellipse at center, #5066e0 0%, #01ccb9 100%) center center/cover no-repeat fixed; + --accent-color: #118074; +} diff --git a/CSS/themes/nzbhydra2/dark.css b/CSS/themes/nzbhydra2/dark.css index 5b841a1d..c55584bc 100644 --- a/CSS/themes/nzbhydra2/dark.css +++ b/CSS/themes/nzbhydra2/dark.css @@ -1 +1,22 @@ -@import url(https://theme-park.dev/CSS/themes/nzbhydra2/nzbhydra-base.css);: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;--default-button-color:#cc7b19;--default-button-color-hover:#e59029;--accent-color:#cc7b19} \ No newline at end of file + +/* 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 */ + +/* NZBHYDRA2 DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/nzbhydra2/nzbhydra-base.css); +: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; + --default-button-color: #cc7b19; + --default-button-color-hover: #e59029; + --accent-color: #cc7b19; + } \ No newline at end of file diff --git a/CSS/themes/nzbhydra2/hotline.css b/CSS/themes/nzbhydra2/hotline.css index 3f431cdf..fa6a8509 100644 --- a/CSS/themes/nzbhydra2/hotline.css +++ b/CSS/themes/nzbhydra2/hotline.css @@ -1 +1,22 @@ -@import url(https://theme-park.dev/CSS/themes/nzbhydra2/nzbhydra-base.css);:root{--main-bg-color:radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;--modal-bg-color:radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;--default-button-color:radial-gradient(ellipse at center, #F44336 0%, #3F51B5 100%) center center/cover no-repeat fixed;--default-button-color-hover:radial-gradient(ellipse at center, #fb6054 0%, #5269e6 100%) center center/cover no-repeat fixed;--accent-color:var(--default-button-color)} \ No newline at end of file + +/* 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 */ + +/* NZBHYDRA2 HOTLINE THEME */ +@import url(https://theme-park.dev/CSS/themes/nzbhydra2/nzbhydra-base.css); +:root { + --main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; + --modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; + --default-button-color: radial-gradient(ellipse at center, #F44336 0%, #3F51B5 100%) center center/cover no-repeat fixed; + --default-button-color-hover: radial-gradient(ellipse at center, #fb6054 0%, #5269e6 100%) center center/cover no-repeat fixed; + --accent-color: var(--default-button-color); +} \ No newline at end of file diff --git a/CSS/themes/nzbhydra2/nzbhydra-base.css b/CSS/themes/nzbhydra2/nzbhydra-base.css index dc9f4ca1..b4d36a1d 100644 --- a/CSS/themes/nzbhydra2/nzbhydra-base.css +++ b/CSS/themes/nzbhydra2/nzbhydra-base.css @@ -1 +1,389 @@ -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}.navbar-default{background-color:rgba(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:#fff;background-color:rgba(0,0,0,.25)}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#fff;background-color:rgba(255,255,255,.08)}.growl-container>.alert-info.icon{background:var(--accent-color)}.alert-info{background:var(--accent-color);border-color:transparent;color:#fff;box-shadow:0 8px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);outline:0}.nav-tabs{border-bottom:1px solid rgba(255,255,255,.15)}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#fff;background-color:rgba(0,0,0,.25);border:1px solid #1a1f2000;border-bottom-color:transparent}.nav-tabs>li>a:hover{border-color:transparent}.nav>li>a:focus,.nav>li>a:hover{background-color:rgba(255,255,255,.08)}.formly>.formly-field-group{background-color:transparent;border:1px solid transparent}legend{border-bottom:1px solid rgba(255,255,255,.08)}.panel-default>.panel-heading h3{color:#fff}.btn-primary{color:#fff;background:var(--default-button-color);border-color:var(--default-button-color)}.btn-primary.active,.btn-primary.focus,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open>.dropdown-toggle.btn-primary{color:#fff;background:var(--default-button-color-hover);border-color:var(--default-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:#fff;background:var(--default-button-color-hover);border-color:var(--default-button-color-hover)}.btn-info{color:#fff;background:var(--default-button-color);border-color:transparent}.btn-info.active,.btn-info.focus,.btn-info:active,.btn-info:focus,.btn-info:hover,.open>.dropdown-toggle.btn-info{color:#fff;background:var(--default-button-color-hover);border-color:transparent}.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:#fff;background:var(--default-button-color-active);border-color:transparent;outline:0}.btn-default{color:#fff;background:var(--default-button-color);border-color:transparent!important;outline:0}.btn-default.active,.btn-default.focus,.btn-default:active,.btn-default:focus,.btn-default:hover,.open>.dropdown-toggle.btn-default{color:#fff;background:var(--default-button-color-hover);border-color:transparent!important;outline:0}.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:#fff;background:var(--default-button-color-hover);border-color:transparent!important;outline:0}.config-button{border:1px solid transparent;outline:0}.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:0!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:0}.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:0}.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:#fff;background:rgba(255,255,255,.25)}.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary{background-color:var(--default-button-color);color:#fff}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{margin-left:-1px;background:#f0f8ff00}.input-group-btn2{border:none;background:var(--default-button-color)}.input-group-btn1{border:1px solid var(--default-button-color);background:var(--default-button-color)}.form-control{border:1px solid transparent;background-color:#151515}.form-control:focus{border-color:#fff0;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.6)}.input-group-addon{outline:0;background-color:rgba(0,0,0,.25);border:1px solid transparent}.panel{background-color:rgba(0,0,0,.25);border:1px solid transparent}.repeatsection{background:rgba(0,0,0,.25);box-shadow:0 0 4px 1px transparent}hr{border-top:1px solid rgba(255,255,255,.25)}.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-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-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,.08)}.modal-content{border:1px solid transparent}.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;border-top:1px solid rgba(255,255,255,.08)}.alert-warning{background:rgba(255,255,255,.25);border-color:transparent;color:#fff}.panel-default>.panel-heading{background-color:rgba(0,0,0,.25)}.panel-default>.panel-heading{color:#c8c8c8;border-color:rgba(255,255,255,.08)}.list-group-item{background-color:rgba(0,0,0,.08);border:1px solid rgba(255,255,255,.1)}table{background-color:rgba(0,0,0,.25)}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid rgba(255,255,255,.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,.15)}.table-hover>tbody>tr:hover{background-color:rgba(255,255,255,.08)}pre{background-color:rgba(0,0,0,.45);border:1px solid transparent} \ No newline at end of file +/* 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, +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; +} + +.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: #fff; + background-color: rgba(0, 0, 0, 0.25); +} + +.navbar-default .navbar-nav>li>a:focus, +.navbar-default .navbar-nav>li>a:hover { + color: #fff; + background-color: rgba(255, 255, 255, 0.08); +} + +.growl-container>.alert-info.icon { + background: var(--accent-color); +} + +.alert-info { + background: var(--accent-color); + border-color: transparent; + color: #fff; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); + outline: none; +} + +/* 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: #fff; + background-color: rgba(0, 0, 0, 0.25); + border: 1px solid #1a1f2000; + border-bottom-color: transparent; +} + +.nav-tabs>li>a:hover { + border-color: transparent; +} + +.nav>li>a:focus, +.nav>li>a:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +.formly>.formly-field-group { + background-color: transparent; + border: 1px solid transparent; +} + +legend { + border-bottom: 1px solid rgba(255, 255, 255, 0.08); +} + +.panel-default>.panel-heading h3 { + color: #ffffff; +} + +/* Buttons */ +.btn-primary { + color: #fff; + background: var(--default-button-color); + border-color: var(--default-button-color); +} + +.btn-primary.active, +.btn-primary.focus, +.btn-primary:active, +.btn-primary:focus, +.btn-primary:hover, +.open>.dropdown-toggle.btn-primary { + color: #fff; + background: var(--default-button-color-hover); + border-color: var(--default-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: #fff; + background: var(--default-button-color-hover); + border-color: var(--default-button-color-hover); +} + +.btn-info { + color: #fff; + background: var(--default-button-color); + border-color: transparent; +} + +.btn-info.active, +.btn-info.focus, +.btn-info:active, +.btn-info:focus, +.btn-info:hover, +.open>.dropdown-toggle.btn-info { + color: #fff; + background: var(--default-button-color-hover); + border-color: transparent; +} + +.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: #fff; + background: var(--default-button-color-active); + border-color: transparent; + outline: none; +} + +.btn-default { + color: #fff; + background: var(--default-button-color); + border-color: transparent !important; + outline: none; +} + +.btn-default.active, +.btn-default.focus, +.btn-default:active, +.btn-default:focus, +.btn-default:hover, +.open>.dropdown-toggle.btn-default { + color: #fff; + background: var(--default-button-color-hover); + border-color: transparent !important; + outline: none; +} + +.btn-default.active.focus, +.btn-default.active:focus, +.btn-default.active:hover, +.btn-default:active.focus, +.btn-default:active:focus, +.btn-default:active:hover, +.open>.dropdown-toggle.btn-default.focus, +.open>.dropdown-toggle.btn-default:focus, +.open>.dropdown-toggle.btn-default:hover { + color: #fff; + background: var(--default-button-color-hover); + border-color: transparent !important; + outline: none; +} + +.config-button { + border: 1px solid transparent; + outline: none; +} + +.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; +} + + +.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: #fff; + background: rgba(255, 255, 255, 0.25); +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary { + background-color: var(--default-button-color); + color: #ffffff; +} + +.input-group-btn:last-child>.btn, +.input-group-btn:last-child>.btn-group { + margin-left: -1px; + background: #f0f8ff00; +} + +.input-group-btn2 { + border: none; + background: var(--default-button-color); +} + +.input-group-btn1 { + border: 1px solid var(--default-button-color); + background: var(--default-button-color); +} + +/* Form Control */ + +.form-control { + border: 1px solid transparent; + background-color: #151515; + +} + +.form-control:focus { + border-color: #fff0; + outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(0, 0, 0, 0.6); +} + +.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-bg-color); + background-repeat: repeat, no-repeat; + background-attachment: fixed, fixed; + background-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, 0.08); +} + +.modal-content { + border: 1px solid transparent; +} + +.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; + border-top: 1px solid rgba(255, 255, 255, 0.08); +} + +/* 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: #c8c8c8; + 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); +} + +pre { + background-color: rgba(0, 0, 0, 0.45); + border: 1px solid transparent; +} \ No newline at end of file diff --git a/CSS/themes/nzbhydra2/organizr-dark.css b/CSS/themes/nzbhydra2/organizr-dark.css index 7f533960..4cfe76b7 100644 --- a/CSS/themes/nzbhydra2/organizr-dark.css +++ b/CSS/themes/nzbhydra2/organizr-dark.css @@ -1 +1,22 @@ -@import url(https://theme-park.dev/CSS/themes/nzbhydra2/nzbhydra-base.css);:root{--main-bg-color:#1f1f1f;--modal-bg-color:#1b1b1b;--default-button-color:#2cabe3;--default-button-color-hover:rgb(44 171 227 / .8);--accent-color:#2cabe3} \ No newline at end of file + +/* 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 */ + +/* NZBHYDRA2 ORGANIZR-DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/nzbhydra2/nzbhydra-base.css); +:root { + --main-bg-color: #1f1f1f; + --modal-bg-color: #1b1b1b; + --default-button-color: #2cabe3; + --default-button-color-hover: rgb(44 171 227 / .8); + --accent-color: #2cabe3; + } \ No newline at end of file diff --git a/CSS/themes/nzbhydra2/plex.css b/CSS/themes/nzbhydra2/plex.css index b0fe9111..02571d78 100644 --- a/CSS/themes/nzbhydra2/plex.css +++ b/CSS/themes/nzbhydra2/plex.css @@ -1 +1,22 @@ -@import url(https://theme-park.dev/CSS/themes/nzbhydra2/nzbhydra-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;--default-button-color:#cc7b19;--default-button-color-hover:#e59029;--accent-color:#cc7b19} \ No newline at end of file + +/* 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 */ + +/* NZBHYDRA2 PLEX THEME */ +@import url(https://theme-park.dev/CSS/themes/nzbhydra2/nzbhydra-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; + --default-button-color: #cc7b19; + --default-button-color-hover: #e59029; + --accent-color: #cc7b19; +} \ No newline at end of file diff --git a/CSS/themes/nzbhydra2/space-gray.css b/CSS/themes/nzbhydra2/space-gray.css index ad50c5b1..e54d31e7 100644 --- a/CSS/themes/nzbhydra2/space-gray.css +++ b/CSS/themes/nzbhydra2/space-gray.css @@ -1 +1,22 @@ -@import url(https://theme-park.dev/CSS/themes/nzbhydra2/nzbhydra-base.css);: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;--default-button-color:#607D8B;--default-button-color-hover:#81a6b7;--accent-color:#7598a9} \ No newline at end of file + +/* 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 */ + +/* NZBHYDRA2 SPACE GRAY THEME */ +@import url(https://theme-park.dev/CSS/themes/nzbhydra2/nzbhydra-base.css); +: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; + --default-button-color: #607D8B; + --default-button-color-hover: #81a6b7; + --accent-color: #7598a9; +} diff --git a/CSS/themes/ombi/aquamarine.css b/CSS/themes/ombi/aquamarine.css index cce3e7b5..dbc6b44e 100644 --- a/CSS/themes/ombi/aquamarine.css +++ b/CSS/themes/ombi/aquamarine.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/ombi/ombi-base.css);@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file + +/* 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 */ + +/* OMBI AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/ombi/ombi-base.css); +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file diff --git a/CSS/themes/ombi/dark.css b/CSS/themes/ombi/dark.css index 1d33b44d..ae32fd6c 100644 --- a/CSS/themes/ombi/dark.css +++ b/CSS/themes/ombi/dark.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/ombi/ombi-base.css);@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file + +/* 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 */ + +/* OMBI DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/ombi/ombi-base.css); +@import url(https://theme-park.dev/CSS/variables/dark.css); diff --git a/CSS/themes/ombi/dracula.css b/CSS/themes/ombi/dracula.css index 0f0cce6a..04db4c0f 100644 --- a/CSS/themes/ombi/dracula.css +++ b/CSS/themes/ombi/dracula.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/ombi/ombi-base.css);@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file + +/* 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 */ + +/* OMBI DRACULA THEME */ +@import url(https://theme-park.dev/CSS/themes/ombi/ombi-base.css); +@import url(https://theme-park.dev/CSS/variables/dracula.css); diff --git a/CSS/themes/ombi/hotline.css b/CSS/themes/ombi/hotline.css index 91ffd28b..0298e7e3 100644 --- a/CSS/themes/ombi/hotline.css +++ b/CSS/themes/ombi/hotline.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/ombi/ombi-base.css);@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file + +/* 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 */ + +/* OMBI HOTLINE THEME */ +@import url(https://theme-park.dev/CSS/themes/ombi/ombi-base.css); +@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file diff --git a/CSS/themes/ombi/ombi-base.css b/CSS/themes/ombi/ombi-base.css index 1f10d413..a633887b 100644 --- a/CSS/themes/ombi/ombi-base.css +++ b/CSS/themes/ombi/ombi-base.css @@ -1 +1,677 @@ -*{outline:0!important}.content-container,.content-container .top-bar-container,.mat-sidenav-container,.wizard-background,body,html{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}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6,legend{color:var(--text-hover)}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}::-webkit-scrollbar-thumb{border-radius:3px;background:rgb(255 255 255 / 30%)}.top-search-bar .mat-form-field-flex{border:1px solid rgba(255,255,255,.1);background-color:rgba(0,0,0,.45)}#requestsToDisplayDropdown-panel,.mat-menu-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%)}.sidenav-container .sidenav .application-name{color:rgb(var(--accent-color))!important}@media (min-width:768px){.sidenav-container .sidenav{background:hsla(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%}.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;width:16rem!important}[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-nav-list .mat-list-item:focus,.sidenav-container .sidenav .mat-nav-list .mat-list-item:focus:hover,.sidenav-container .sidenav.mat-action-list .mat-list-item:focus,.sidenav-container .sidenav.mat-action-list .mat-list-item:focus:hover,.sidenav-container .sidenav.mat-list-option:focus,.sidenav-container .sidenav.mat-list-option:focus:hover{background:hsla(0,0%,100%,.04);border-radius:.375rem!important;color:rgb(var(--accent-color))!important}.mat-list-option:hover:not(.active-list-item),.sidenav-container .sidenav .mat-action-list .mat-list-item: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}.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,.45)!important}.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}}@media (min-width:768px){.sidenav-container .sidenav{background:hsla(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}}.ombi-card{padding:0!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,.7)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;transition:0s -webkit-filter linear}#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:0 0}#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,.85)!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}.ombi-card .button-request-container{position:relative;width:100%;margin:-40px 0 0!important;opacity:0;transition:.3s ease}.ombi-card,.p-carousel-item{transition:.3s ease-in-out}@media (min-width:768px){#searchResults .ombi-card{margin-bottom:15px!important;margin-left:0!important;height:100%!important}#searchResults img{min-height:354px}}#searchResults{margin-bottom:15px!important}.mat-stepper-vertical,.mat-tooltip,.wizard-background .mat-stepper-horizontal{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}.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}.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-raised-button,.mat-fab.mat-accent,.mat-flat-button.mat-accent,.mat-mini-fab.mat-accent,.mat-raised-button.mat-accent{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}.viewon-btn.emby,.viewon-btn.jellyfin,.viewon-btn.plex{background:0 0!important}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}::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-focused .mat-form-field-required-marker,.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick,.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-form-field-label,.mat-form-field.mat-focused .mat-form-field-label.mat-accent,.mat-form-field.mat-focused .mat-form-field-ripple,.mat-form-field.mat-focused.mat-accent .mat-select-arrow,.mat-toolbar .mat-focused .mat-form-field-label,.mat-toolbar .mat-focused .mat-form-field-ripple,.mat-toolbar .mat-form-field-label,.mat-toolbar .mat-form-field-ripple,.mat-toolbar .mat-form-field-underline,.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow,.mat-toolbar .mat-select-arrow,.mat-toolbar .mat-select-value{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 .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))}.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}.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-card H1.login_logo{color:rgb(var(--accent-color))!important}.mat-table tbody,.mat-table tfoot,.mat-table thead,.mat-table-sticky,[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,.25)}tr.mat-header-row{background:rgba(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%)}#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),.1))}.social-icons-container{background-color:hsl(0deg 0% 0% / 85%)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}.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}.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))} \ No newline at end of file +/* 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, +.content-container .top-bar-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; +} + +.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 */ +/* 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; + width: 16rem !important; +} + +[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; +} + +/* 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; +} + +.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 img { + min-height: 354px; + } +} + +#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; +} + +/* 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)); +} \ No newline at end of file diff --git a/CSS/themes/ombi/ombiv3-base.css b/CSS/themes/ombi/ombiv3-base.css index b6196ddc..d1b5f83a 100644 --- a/CSS/themes/ombi/ombiv3-base.css +++ b/CSS/themes/ombi/ombiv3-base.css @@ -1 +1,814 @@ -body{background:var(--main-bg-color)}@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}@media (max-width:924px){.collapse.in,.navbar-nav{background:var(--main-bg-color)}}@media (max-width:924px){.navbar-left,.navbar-right{float:none!important;box-shadow:0 15px 10px -10px rgba(0,0,0,.7)}}.navbar-default .navbar-brand{color:var(--accent-color)}.navbar-default{background:var(--main-bg-color);border-color:#fff}.nav-tabs{border-bottom:1px solid transparent;margin-bottom:3px!important}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{background-color:rgba(0,0,0,.25)}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{background-color:rgba(255,255,255,.08);color:#fff}.navbar-default .navbar-nav>.open>a{background-color:rgba(0,0,0,.25);color:#fff}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{background-color:rgba(0,0,0,.25)}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:transparent}.ui-tooltip .ui-tooltip-text{background:var(--modal-bg-color)!important}@media (max-width:924px){.navbar-collapse.collapse{box-shadow:0 15px 10px -10px rgba(0,0,0,.7)}}.pace .pace-progress{background:var(--loading-bar)!important}.pace .pace-progress-inner{box-shadow:0 0 10px var(--loading-bar),0 0 5px var(--loading-bar)!important}.search-bar-background[_ngcontent-c1]{border-radius:3px;background-color:transparent!important}.search-bar-background[_ngcontent-c2]{background-color:transparent}@media (min-width:979px){.form-control-search[_ngcontent-c2]{width:100%}}.form-control-custom{background-color:rgba(0,0,0,.25)!important;border-radius:0}.form-control-search{height:49px}.right-radius{border-radius:0}.input-group-addon{background-color:rgba(0,0,0,.25);border-bottom:2px}.nav-tabs.nav-justified{margin-bottom:3px}@media (max-width:978px){.form-control-search[_ngcontent-c1]{width:-webkit-fill-available!important}}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:none}}@media (min-width:979px){.form-control-search[_ngcontent-c1]{width:100%}}.refine-option[_ngcontent-c1]{box-shadow:none}#movieTabButton:hover,#tvTabButton:hover{border:1px solid transparent}.content-space[_ngcontent-c3]{padding:15px;background:rgba(0,0,0,.25)}.table-striped>tbody>tr:nth-of-type(odd){background-color:rgba(0,0,0,.25)}.table-hover>tbody>tr:hover{background-color:rgba(255,255,255,.08)}table.table>thead>tr>th.active{background-color:rgba(255,255,255,.08)}.ui-widget-content{background:var(--main-bg-color)!important}.ui-state-active{color:#fff!important;background-color:rgba(0,0,0,.25)!important}.ui-state-default{border:2px solid rgba(255,255,255,.25)}.dropdown-menu{background:var(--modal-bg-color);box-shadow:3px 3px 10px rgba(0,0,0,.6)}.dropdown-menu>li>a:hover{background-color:rgba(255,255,255,.08)}.navbar-nav>li>.dropdown-menu{width:163.5px}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{background-color:rgba(0,0,0,.45)}hr{border:1px dashed #d7d7d7}.btn-primary-outline{color:var(--request-button)!important;border-color:var(--request-button)!important;outline:0!important}.btn-primary-outline.active,.btn-primary-outline.focus,.btn-primary-outline:active,.btn-primary-outline:focus,.btn-primary-outline:hover,.open>.btn-primary-outline.dropdown-toggle{background-color:var(--request-button-hover)!important;border-color:transparent!important}.btn-primary-outline:hover{background-color:var(--request-button-hover)!important;border-color:transparent!important}.btn-link{color:#fff}.btn-link:focus,.btn-link:hover{color:#ddd}.input-group-addon .btn-group .btn{outline:0!important;border:1px solid transparent!important;margin-right:1px;background:0 0;padding:5px 10px;width:auto!important}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{background:rgba(255,255,255,.35)!important}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{margin-left:3px}i.fa.fa-minus,i.fa.fa-plus{display:none}.btn-success-outline{-o-transition:all .8s;-moz-transition:all .8s;-webkit-transition:all .8s;transition:all .8s;color:#fff!important;background-color:rgba(255,255,255,.35);background-image:none;text-transform:uppercase;border-color:transparent!important;width:137.28px;text-align:center!important;font-size:12px;height:29.45px;padding:5px 10px}.btn-success-outline.active,.btn-success-outline.focus,.btn-success-outline:active,.btn-success-outline:focus,.btn-success-outline:hover,.open>.btn-success-outline.dropdown-toggle{color:#fff!important;background-color:rgba(92,184,92,.75)!important;border-color:transparent!important}.btn-primary-outline{-o-transition:all .8s;-moz-transition:all .8s;-webkit-transition:all .8s;transition:all .8s;color:#fff!important;border-color:#f4433600!important;outline:0!important;text-transform:uppercase;background:rgba(255,255,255,.35);font-size:12px;height:29.45px;min-width:137.28px;padding:5px 10px;text-align:center!important}.btn-danger-outline,.btn-info-outline{-o-transition:all .8s;-moz-transition:all .8s;-webkit-transition:all .8s;transition:all .8s;color:#fff!important;background-color:rgba(255,255,255,.35);background-image:none;border-color:transparent!important;width:137.28px;text-transform:uppercase;text-align:center!important;height:29.45px;min-width:fit-content;font-size:12px;padding:5px 10px}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){-o-transition:all .8s;-moz-transition:all .8s;-webkit-transition:all .8s;transition:all .8s;color:#fff!important;background-color:rgba(255,255,255,.35);background-image:none;border-color:transparent!important;width:137.28px;text-transform:uppercase;text-align:center!important;height:29.45px;font-size:12px;padding:5px 10px;border-radius:.25rem!important}.btn-split .btn.dropdown-toggle{border-radius:0 .25rem .25rem 0!important;padding:3.5px 10px;border:none}.btn-split .btn.dropdown-toggle.active,.btn-split .btn.dropdown-toggle:active,.btn-split .btn.dropdown-toggle:focus,.btn-split .btn.dropdown-toggle:hover{background:0 0!important}.btn-warning-outline{-o-transition:all .8s;-moz-transition:all .8s;-webkit-transition:all .8s;transition:all .8s;color:#fff!important;background-color:transparent;background-image:none;border-color:transparent!important}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle):hover,.btn-warning-outline.active,.btn-warning-outline.focus,.btn-warning-outline:active,.btn-warning-outline:focus,.btn-warning-outline:hover,.open>.btn-warning-outline.dropdown-toggle{color:#fff!important;background-color:rgba(196,134,42,.75)!important;border-color:transparent!important}.btn-info-outline.active,.btn-info-outline.focus,.btn-info-outline:active,.btn-info-outline:focus,.btn-info-outline:hover,.open>.btn-info-outline.dropdown-toggle{color:#fff!important;background-color:rgba(91,192,222,.75)!important;border-color:transparent!important}@media (max-width:1090px){.btn-danger-outline,.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle),.btn-info-outline,.btn-primary-outline,.btn-success-outline,.fa-check:before,.fa-eye:before,.fa-plus:before{content:""}}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-25px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{background-color:rgba(0,0,0,.45)!important;border:1px solid #00000000!important;border-radius:3px}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{background-color:rgba(0,0,0,.45)!important;border:1px solid #00000000!important;border-radius:3px}.nav-tabs>li>a:hover{border-color:transparent}.nav>li>a:focus,.nav>li>a:hover{background-color:rgba(255,255,255,.08);border-radius:3px}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:rgba(0,0,0,.25);border-color:#00000000}.panel{background-color:rgba(0,0,0,.45)}.card-header{background-color:rgba(0,0,0,.25);color:#ebebeb;padding:10px 15px;border-bottom:1px solid #00000000}a.active{background-color:rgba(0,0,0,.45)}.ui-state-highlight{background:var(--modal-bg-color)}legend{border-bottom:1px solid rgba(255,255,255,.25)}.backdrop{box-shadow:3px 3px 10px rgba(0,0,0,.6)!important}a>h4{color:var(--accent-color)}.label-info{background-color:var(--label-color)}.label-success{background-color:rgba(92,184,92,.75)}.fa-film:before{content:"\F008";color:rgba(255,255,255,.6)}@media (max-width:768px){.input-group-addon .btn-group{position:absolute;right:0;top:54px;box-shadow:0 0 0}}.side-back{box-shadow:0 0 10px #000000ad}.form-control:focus{border-color:transparent;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 3px #000;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 3px #000}body{background:var(--main-bg-color)}a{color:var(--accent-color)}a:hover{color:var(--accent-color-hover)}.dark .mat-drawer-container,.mat-drawer-container{background:var(--main-bg-color);color:var(--text)}.dark .mat-toolbar.mat-primary,.mat-toolbar.mat-primary{background:rgba(0,0,0,.25);color:var(--text)}.dark .mat-toolbar,.mat-list-base .mat-list-item,.mat-list-base .mat-list-option,.mat-toolbar{color:var(--text)}.dark .mat-autocomplete-panel,.mat-autocomplete-panel{background:var(--modal-bg-color);color:var(--text)}.dark .mat-drawer,.dark .mat-drawer.mat-drawer-push,.mat-drawer,.mat-drawer.mat-drawer-push{background-color:rgba(0,0,0,.25);color:var(--text)}.dark .mat-drawer-side{border-right:1px solid transparent}.active-list-item,.dark .active-list-item{background:var(--accent-color)!important;background-color:var(--accent-color)!important;color:var(--text)!important;font-weight:500}.dark .mat-card,.mat-card{background:rgb(0 0 0 / 25%);color:var(--text)}.grow:hover{transform:scale(1.1);color:var(--text-hover)}.notrequested{border-bottom:3px solid var(--accent-color)!important}.dark .mat-fab.mat-accent,.dark .mat-flat-button.mat-accent,.dark .mat-mini-fab.mat-accent,.dark .mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-flat-button.mat-accent,.mat-mini-fab.mat-accent,.mat-raised-button.mat-accent{background-color:var(--button-color);color:var(--text)}.dark .mat-fab.mat-primary,.dark .mat-flat-button.mat-primary,.dark .mat-mini-fab.mat-primary,.dark .mat-raised-button.mat-primary,.mat-fab.mat-primary,.mat-flat-button.mat-primary,.mat-mini-fab.mat-primary,.mat-raised-button.mat-primary{background:rgba(255,255,255,.1)}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1;background:var(--button-color-hover)!important}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:0}.dark .mat-raised-button:not([class*=mat-elevation-z]),.mat-raised-button:not([class*=mat-elevation-z]){box-shadow:none}button:focus{outline:1px dotted;outline:0}.dark .mat-dialog-container,.mat-dialog-container{background:var(--modal-bg-color);color:var(--text)}.details,div.dark .details{background:0 0!important}.dark .mat-table,.mat-table{background:#0000002e;color:var(--text)}.dark .mat-cell,.dark .mat-footer-cell,.mat-cell,.mat-footer-cell{color:var(--text)}.dark .mat-menu-panel,.mat-menu-panel{background:var(--modal-bg-color)}.dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent,.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent{background-color:var(--accent-color);color:var(--text)}.dark .mat-expansion-panel,.mat-expansion-panel{background:rgb(0 0 0 / 25%);color:var(--text)!important}.mat-expansion-panel-header-title{color:var(--text)}#info-wrapper .sidebar .poster{border:3px solid rgb(255 255 255 / 10%);box-shadow:none}.ui-carousel-next,body .ui-carousel .ui-carousel-content .ui-carousel-prev{background-color:var(--accent-color);border:1px solid var(--accent-color);border-radius:50%;margin:.2em;color:#fff;transition:color .2s}body .ui-carousel .ui-carousel-dots-container .ui-carousel-dot-item.ui-state-highlight .ui-carousel-dot-icon{background-color:var(--accent-color)}#summary-wrapper .grey-text{color:var(--text)}#info-wrapper .media-icons{color:var(--text)!important}#info-wrapper .media-icons:hover{color:var(--text-hover)!important}#info-wrapper .grow-social:hover{color:var(--text-hover)!important}#info-wrapper .dark .mat-fab,#info-wrapper .mat-fab,.dark .mat-flat-button,.dark .mat-mini-fab,.dark .mat-raised-button,.mat-flat-button,.mat-mini-fab,.mat-raised-button{color:#fff;background-color:var(--button-color)}#info-wrapper .dark .mat-mini-fab:hover,#info-wrapper .mat-raised-button:hover{color:#fff;background-color:var(--button-color-hover)} \ No newline at end of file +/* 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); +} + +/* 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; +} + +/* Navbar */ +@media (max-width: 924px) { + + .collapse.in, + .navbar-nav { + background: var(--main-bg-color); + } +} + +@media (max-width: 924px) { + + .navbar-left, + .navbar-right { + float: none !important; + box-shadow: 0px 15px 10px -10px rgba(0, 0, 0, 0.7); + } +} + +.navbar-default .navbar-brand { + color: var(--accent-color); +} + +.navbar-default { + background: var(--main-bg-color); + border-color: #FFF; +} + +.nav-tabs { + border-bottom: 1px solid transparent; + margin-bottom: 3px !important; +} + +.navbar-default .navbar-nav>.active>a, +.navbar-default .navbar-nav>.active>a:focus, +.navbar-default .navbar-nav>.active>a:hover { + background-color: rgba(0, 0, 0, 0.25); +} + +.navbar-default .navbar-nav>li>a:focus, +.navbar-default .navbar-nav>li>a:hover { + background-color: rgba(255, 255, 255, 0.08); + color: #fff; +} + +.navbar-default .navbar-nav>.open>a { + background-color: rgba(0, 0, 0, 0.25); + color: #fff; +} + +.navbar-default .navbar-nav>.open>a, +.navbar-default .navbar-nav>.open>a:focus, +.navbar-default .navbar-nav>.open>a:hover { + background-color: rgba(0, 0, 0, 0.25); +} + +.navbar-default .navbar-toggle:focus, +.navbar-default .navbar-toggle:hover { + background-color: transparent; +} + +.ui-tooltip .ui-tooltip-text { + background: var(--modal-bg-color) !important; +} + +@media (max-width: 924px) { + .navbar-collapse.collapse { + box-shadow: 0px 15px 10px -10px rgba(0, 0, 0, 0.7); + } +} + +/* Loading bar */ +.pace .pace-progress { + background: var(--loading-bar) !important; +} + +.pace .pace-progress-inner { + box-shadow: 0 0 10px var(--loading-bar), 0 0 5px var(--loading-bar) !important; +} + +/* Search bar */ +.search-bar-background[_ngcontent-c1] { + border-radius: 3px; + background-color: transparent !important; +} + +.search-bar-background[_ngcontent-c2] { + background-color: transparent; +} + +@media (min-width: 979px) { + .form-control-search[_ngcontent-c2] { + width: 100%; + } +} + +.form-control-custom { + background-color: rgba(0, 0, 0, 0.25) !important; + border-radius: 0px; +} + +.form-control-search { + height: 49px; +} + +.right-radius { + border-radius: 0px; +} + +.input-group-addon { + background-color: rgba(0, 0, 0, 0.25); + border-bottom: 2px; +} + +.nav-tabs.nav-justified { + margin-bottom: 3px; +} + +@media (max-width: 978px) { + .form-control-search[_ngcontent-c1] { + width: -webkit-fill-available !important; + } +} + +@media (min-width: 768px) { + .nav-tabs.nav-justified>li>a { + border-bottom: none; + } +} + +@media (min-width: 979px) { + .form-control-search[_ngcontent-c1] { + width: 100%; + } +} + +.refine-option[_ngcontent-c1] { + box-shadow: none; +} + +#movieTabButton:hover, +#tvTabButton:hover { + border: 1px solid transparent; +} + +/* Expand season request */ +.content-space[_ngcontent-c3] { + padding: 15px; + background: rgba(0, 0, 0, 0.25); +} + +.table-striped>tbody>tr:nth-of-type(odd) { + background-color: rgba(0, 0, 0, 0.25); +} + +.table-hover>tbody>tr:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +table.table>thead>tr>th.active { + background-color: rgba(255, 255, 255, 0.08); +} + +/*filter */ +.ui-widget-content { + background: var(--main-bg-color) !important; +} + +.ui-state-active { + color: #ffffff !important; + background-color: rgba(0, 0, 0, 0.25) !important; +} + +.ui-state-default { + border: 2px solid rgba(255, 255, 255, 0.25); +} + +/*dropdown menu */ +.dropdown-menu { + background: var(--modal-bg-color); + box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6); +} + +.dropdown-menu>li>a:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +.navbar-nav>li>.dropdown-menu { + width: 163.5px; +} + +.dropdown-menu>.active>a, +.dropdown-menu>.active>a:focus, +.dropdown-menu>.active>a:hover { + background-color: rgba(0, 0, 0, 0.45); +} + +/* Settings */ +hr { + border: 1px dashed #d7d7d7; +} + +/* Buttons */ +.btn-primary-outline { + color: var(--request-button) !important; + border-color: var(--request-button) !important; + outline: none !important; +} + +.open>.btn-primary-outline.dropdown-toggle, +.btn-primary-outline.active, +.btn-primary-outline.focus, +.btn-primary-outline:active, +.btn-primary-outline:focus, +.btn-primary-outline:hover { + background-color: var(--request-button-hover) !important; + border-color: transparent !important; +} + +.btn-primary-outline:hover { + background-color: var(--request-button-hover) !important; + border-color: transparent !important; +} + +.btn-link { + color: #ffffff; +} + +.btn-link:focus, +.btn-link:hover { + color: #ddd; +} + +.input-group-addon .btn-group .btn { + outline: none !important; + border: 1px solid transparent !important; + margin-right: 1px; + background: none; + padding: 5px 10px; + width: auto !important; +} + +.btn-group-vertical>.btn.active, +.btn-group-vertical>.btn:active, +.btn-group-vertical>.btn:focus, +.btn-group-vertical>.btn:hover, +.btn-group>.btn.active, +.btn-group>.btn:active, +.btn-group>.btn:focus, +.btn-group>.btn:hover { + background: rgba(255, 255, 255, 0.35) !important; +} + +.input-group-btn:last-child>.btn, +.input-group-btn:last-child>.btn-group { + margin-left: 3px; +} + +i.fa.fa-minus, +i.fa.fa-plus { + display: none; +} + + + +.btn-success-outline { + -o-transition: all .8s; + -moz-transition: all .8s; + -webkit-transition: all .8s; + transition: all .8s; + color: #ffffff !important; + background-color: rgba(255, 255, 255, 0.35); + background-image: none; + text-transform: uppercase; + border-color: transparent !important; + width: 137.28px; + text-align: center !important; + font-size: 12px; + height: 29.45px; + padding: 5px 10px; +} + +.btn-success-outline.active, +.btn-success-outline.focus, +.btn-success-outline:active, +.btn-success-outline:focus, +.btn-success-outline:hover, +.open>.btn-success-outline.dropdown-toggle { + color: #fff !important; + background-color: rgba(92, 184, 92, .75) !important; + border-color: transparent !important; +} + +.btn-primary-outline { + -o-transition: all .8s; + -moz-transition: all .8s; + -webkit-transition: all .8s; + transition: all .8s; + color: #ffffff !important; + border-color: #f4433600 !important; + outline: none !important; + text-transform: uppercase; + background: rgba(255, 255, 255, 0.35); + font-size: 12px; + height: 29.45px; + min-width: 137.28px; + padding: 5px 10px; + text-align: center !important; + +} + +.btn-info-outline, +.btn-danger-outline { + -o-transition: all .8s; + -moz-transition: all .8s; + -webkit-transition: all .8s; + transition: all .8s; + color: #ffffff !important; + background-color: rgba(255, 255, 255, 0.35); + background-image: none; + border-color: transparent !important; + width: 137.28px; + text-transform: uppercase; + text-align: center !important; + height: 29.45px; + min-width: fit-content; + font-size: 12px; + padding: 5px 10px; +} + +.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { + -o-transition: all .8s; + -moz-transition: all .8s; + -webkit-transition: all .8s; + transition: all .8s; + color: #ffffff !important; + background-color: rgba(255, 255, 255, 0.35); + background-image: none; + border-color: transparent !important; + width: 137.28px; + text-transform: uppercase; + text-align: center !important; + height: 29.45px; + font-size: 12px; + padding: 5px 10px; + border-radius: .25rem !important; +} + +.btn-split .btn.dropdown-toggle { + border-radius: 0 .25rem .25rem 0 !important; + padding: 3.5px 10px; + border: none; +} + +.btn-split .btn.dropdown-toggle:hover, +.btn-split .btn.dropdown-toggle:active, +.btn-split .btn.dropdown-toggle:focus, +.btn-split .btn.dropdown-toggle.active { + background: none !important; +} + +.btn-warning-outline { + -o-transition: all .8s; + -moz-transition: all .8s; + -webkit-transition: all .8s; + transition: all .8s; + color: #fff !important; + background-color: transparent; + background-image: none; + border-color: transparent !important; +} + +.btn-warning-outline.active, +.btn-warning-outline.focus, +.btn-warning-outline:active, +.btn-warning-outline:focus, +.btn-warning-outline:hover, +.open>.btn-warning-outline.dropdown-toggle, +.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle):hover { + color: #fff !important; + background-color: rgba(196, 134, 42, 0.75) !important; + border-color: transparent !important; +} + + +.btn-info-outline.active, +.btn-info-outline.focus, +.btn-info-outline:active, +.btn-info-outline:focus, +.btn-info-outline:hover, +.open>.btn-info-outline.dropdown-toggle { + color: #fff !important; + background-color: rgba(91, 192, 222, 0.75) !important; + border-color: transparent !important; +} + +@media (max-width: 1090px) { + + .btn-danger-outline, + .btn-info-outline, + .btn-primary-outline, + .btn-success-outline, + .fa-eye:before, + .fa-check:before, + .fa-plus:before, + .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { + content: ""; + } +} + +.btn-group .btn+.btn, +.btn-group .btn+.btn-group, +.btn-group .btn-group+.btn, +.btn-group .btn-group+.btn-group { + margin-left: -25px; +} + +/* Settings menu */ + +.nav-tabs.nav-justified>.active>a, +.nav-tabs.nav-justified>.active>a:focus, +.nav-tabs.nav-justified>.active>a:hover { + background-color: rgba(0, 0, 0, 0.45) !important; + border: 1px solid #00000000 !important; + border-radius: 3px; +} + +.nav-tabs>li.active>a, +.nav-tabs>li.active>a:focus, +.nav-tabs>li.active>a:hover { + background-color: rgba(0, 0, 0, 0.45) !important; + border: 1px solid #00000000 !important; + border-radius: 3px; +} + +.nav-tabs>li>a:hover { + border-color: transparent; +} + +.nav>li>a:focus, +.nav>li>a:hover { + background-color: rgba(255, 255, 255, 0.08); + border-radius: 3px; +} + +.nav .open>a, +.nav .open>a:focus, +.nav .open>a:hover { + background-color: rgba(0, 0, 0, 0.25); + border-color: #00000000; +} + +.panel { + background-color: rgba(0, 0, 0, 0.45); +} + +.card-header { + background-color: rgba(0, 0, 0, 0.25); + color: #ebebeb; + padding: 10px 15px; + border-bottom: 1px solid #00000000; +} + +a.active { + background-color: rgba(0, 0, 0, 0.45); +} + +.ui-state-highlight { + background: var(--modal-bg-color); +} + +legend { + border-bottom: 1px solid rgba(255, 255, 255, 0.25); +} + +/* Main page */ +.backdrop { + box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6) !important; +} + +a>h4 { + color: var(--accent-color); +} + +.label-info { + background-color: var(--label-color); +} + +.label-success { + background-color: rgba(92, 184, 92, 0.75); +} + +.fa-film:before { + content: "\F008"; + color: rgba(255, 255, 255, 0.6); +} + +@media (max-width: 768px) { + .input-group-addon .btn-group { + position: absolute; + right: 0px; + top: 54px; + box-shadow: 0 0 0; + } +} + +/* Issues */ + +.side-back { + box-shadow: 0 0 10px #000000ad; +} + +.form-control:focus { + border-color: transparent; + outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 3px #000; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 3px #000; +} + + + +/* OMBI V4*/ + + +body { + background: var(--main-bg-color); +} + +a { + color: var(--accent-color); +} + +a:hover { + color: var(--accent-color-hover); +} + +.mat-drawer-container, +.dark .mat-drawer-container { + background: var(--main-bg-color); + color: var(--text); +} + + +/* HEADER */ + +.mat-toolbar.mat-primary, +.dark .mat-toolbar.mat-primary { + background: rgba(0, 0, 0, .25); + color: var(--text); +} + +.dark .mat-toolbar, +.mat-toolbar, +.mat-list-base .mat-list-item, +.mat-list-base .mat-list-option { + color: var(--text); +} + +/* SEARCH */ +.dark .mat-autocomplete-panel, +.mat-autocomplete-panel { + background: var(--modal-bg-color); + color: var(--text); +} + + + +/* SIDEBAR */ +.dark .mat-drawer, +.dark .mat-drawer.mat-drawer-push, +.mat-drawer, +.mat-drawer.mat-drawer-push { + background-color: rgba(0, 0, 0, .25); + color: var(--text) +} + +.dark .mat-drawer-side { + border-right: 1px solid transparent; +} + +.dark .active-list-item, +.active-list-item, +.active-list-item { + background: var(--accent-color) !important; + background-color: var(--accent-color) !important; + color: var(--text) !important; + font-weight: 500; +} + +/* CARDS */ +.mat-card, +.dark .mat-card { + background: rgb(0 0 0 / 25%); + color: var(--text); +} + +.grow:hover { + transform: scale(1.1); + color: var(--text-hover) +} + +.notrequested { + border-bottom: 3px solid var(--accent-color) !important; +} + +/* BUTTONS */ +.mat-fab.mat-accent, +.mat-flat-button.mat-accent, +.mat-mini-fab.mat-accent, +.mat-raised-button.mat-accent, +.dark .mat-fab.mat-accent, +.dark .mat-flat-button.mat-accent, +.dark .mat-mini-fab.mat-accent, +.dark .mat-raised-button.mat-accent { + background-color: var(--button-color); + color: var(--text) +} + +.dark .mat-fab.mat-primary, +.dark .mat-flat-button.mat-primary, +.dark .mat-mini-fab.mat-primary, +.dark .mat-raised-button.mat-primary, +.mat-fab.mat-primary, +.mat-flat-button.mat-primary, +.mat-mini-fab.mat-primary, +.mat-raised-button.mat-primary { + background: rgba(255, 255, 255, .1); +} + +.btn-group-vertical>.btn.active, +.btn-group-vertical>.btn:active, +.btn-group-vertical>.btn:focus, +.btn-group-vertical>.btn:hover, +.btn-group>.btn.active, +.btn-group>.btn:active, +.btn-group>.btn:focus, +.btn-group>.btn:hover { + z-index: 1; + background: var(--button-color-hover) !important; +} + +.btn-group>.btn-group:not(:first-child), +.btn-group>.btn:not(:first-child) { + margin-left: 0px; +} + +.mat-raised-button:not([class*=mat-elevation-z]), +.dark .mat-raised-button:not([class*=mat-elevation-z]) { + box-shadow: none; +} + +button:focus { + outline: 1px dotted; + outline: none; +} + +/* MODAL */ +.dark .mat-dialog-container, +.mat-dialog-container { + background: var(--modal-bg-color); + color: var(--text); +} + +div.dark .details, +.details { + background: transparent !important; +} + + +/* SETTINGS */ +/* Table */ +.mat-table, +.dark .mat-table { + background: #0000002e; + color: var(--text) +} + +.mat-cell, +.mat-footer-cell, +.dark .mat-cell, +.dark .mat-footer-cell { + color: var(--text) +} + +/* Drop down menu*/ +.dark .mat-menu-panel, +.mat-menu-panel { + background: var(--modal-bg-color); +} + +/* MOVEI TV PAGE*/ + +.dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent, +.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { + background-color: var(--accent-color); + color: var(--text); +} + +.mat-expansion-panel, +.dark .mat-expansion-panel { + background: rgb(0 0 0 / 25%); + color: var(--text) !important; +} + +.mat-expansion-panel-header-title { + color: var(--text); +} + +#info-wrapper .sidebar .poster { + border: 3px solid rgb(255 255 255 / 10%); + box-shadow: none; +} + +.ui-carousel-next, +body .ui-carousel .ui-carousel-content .ui-carousel-prev { + background-color: var(--accent-color); + border: 1px solid var(--accent-color); + border-radius: 50%; + margin: .2em; + color: #fff; + transition: color .2s; +} + +body .ui-carousel .ui-carousel-dots-container .ui-carousel-dot-item.ui-state-highlight .ui-carousel-dot-icon { + background-color: var(--accent-color); +} + +#summary-wrapper .grey-text { + color: var(--text); +} + +#info-wrapper .media-icons { + color: var(--text) !important; +} + +#info-wrapper .media-icons:hover { + color: var(--text-hover) !important; +} + +#info-wrapper .grow-social:hover { + color: var(--text-hover) !important; +} + +#info-wrapper .dark .mat-fab, +.dark .mat-flat-button, +.dark .mat-mini-fab, +.dark .mat-raised-button, +#info-wrapper .mat-fab, +.mat-flat-button, +.mat-mini-fab, +.mat-raised-button { + color: #fff; + background-color: var(--button-color); +} + +#info-wrapper .dark .mat-mini-fab:hover, +#info-wrapper .mat-raised-button:hover { + color: #fff; + background-color: var(--button-color-hover); +} \ No newline at end of file diff --git a/CSS/themes/ombi/organizr-dark.css b/CSS/themes/ombi/organizr-dark.css index 3a2af449..c97b56a3 100644 --- a/CSS/themes/ombi/organizr-dark.css +++ b/CSS/themes/ombi/organizr-dark.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/ombi/ombi-base.css);@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file + +/* 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 */ + +/* OMBI ORGANIZR-DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/ombi/ombi-base.css); +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); diff --git a/CSS/themes/ombi/plex.css b/CSS/themes/ombi/plex.css index 3ec18f4f..374562ff 100644 --- a/CSS/themes/ombi/plex.css +++ b/CSS/themes/ombi/plex.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/ombi/ombi-base.css);@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file + +/* 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 */ + +/* OMBI PLEX THEME */ +@import url(https://theme-park.dev/CSS/themes/ombi/ombi-base.css); +@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file diff --git a/CSS/themes/ombi/space-gray.css b/CSS/themes/ombi/space-gray.css index 729f3e64..e852afa3 100644 --- a/CSS/themes/ombi/space-gray.css +++ b/CSS/themes/ombi/space-gray.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/ombi/ombi-base.css);@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file + +/* 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 */ + +/* OMBI SPACE GRAY THEME */ +@import url(https://theme-park.dev/CSS/themes/ombi/ombi-base.css); +@import url(https://theme-park.dev/CSS/variables/space-gray.css); diff --git a/CSS/themes/organizr/aquamarine.css b/CSS/themes/organizr/aquamarine.css index 402fb749..a1b7f82d 100644 --- a/CSS/themes/organizr/aquamarine.css +++ b/CSS/themes/organizr/aquamarine.css @@ -1 +1,26 @@ -@import url(https://theme-park.dev/CSS/themes/organizr/organizr-base.css);@import url(https://theme-park.dev/CSS/variables/aquamarine.css);:root{--calendar-tv-premier:#FFEB3B;--calendar-tv-missing:#ff7676;--calendar-tv-available:#53e69d;--calendar-tv-unreleased:#eeeeee;--calendar-movie-missing:#ff7676;--calendar-movie-available:#53e69d;--calendar-movie-unreleased:#eeeeee} \ No newline at end of file +/* 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 */ + +/* ORGANIZR AQUAMARINE THEME */ +@import url("https://theme-park.dev/CSS/themes/organizr/organizr-base.css"); +@import url("https://theme-park.dev/CSS/variables/aquamarine.css"); + +/* APP VARS */ +:root { + --calendar-tv-premier: #FFEB3B; + --calendar-tv-missing: #ff7676; + --calendar-tv-available: #53e69d; + --calendar-tv-unreleased: #eeeeee; + --calendar-movie-missing: #ff7676; + --calendar-movie-available: #53e69d; + --calendar-movie-unreleased: #eeeeee; + } diff --git a/CSS/themes/organizr/dark.css b/CSS/themes/organizr/dark.css index 0c234e0e..44b523d6 100644 --- a/CSS/themes/organizr/dark.css +++ b/CSS/themes/organizr/dark.css @@ -1 +1,27 @@ -@import url(https://theme-park.dev/CSS/themes/organizr/organizr-base.css);@import url(https://theme-park.dev/CSS/variables/dark.css);:root{--calendar-tv-premier:#FFEB3B;--calendar-tv-missing:#ff7676;--calendar-tv-available:#53e69d;--calendar-tv-unreleased:#eeeeee;--calendar-movie-missing:#ff7676;--calendar-movie-available:#53e69d;--calendar-movie-unreleased:#eeeeee} \ No newline at end of file +/* +/* 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 */ + +/* ORGANIZR DARK THEME */ +@import url("https://theme-park.dev/CSS/themes/organizr/organizr-base.css"); +@import url("https://theme-park.dev/CSS/variables/dark.css"); + +/* APP VARS */ +:root { + --calendar-tv-premier: #FFEB3B; + --calendar-tv-missing: #ff7676; + --calendar-tv-available: #53e69d; + --calendar-tv-unreleased: #eeeeee; + --calendar-movie-missing: #ff7676; + --calendar-movie-available: #53e69d; + --calendar-movie-unreleased: #eeeeee; + } diff --git a/CSS/themes/organizr/dracula.css b/CSS/themes/organizr/dracula.css index 293eac0d..406b6ad3 100644 --- a/CSS/themes/organizr/dracula.css +++ b/CSS/themes/organizr/dracula.css @@ -1 +1,26 @@ -@import url(https://theme-park.dev/CSS/themes/organizr/organizr-base.css);@import url(https://theme-park.dev/CSS/variables/dracula.css);:root{--calendar-tv-premier:#FFEB3B;--calendar-tv-missing:#ff7676;--calendar-tv-available:#53e69d;--calendar-tv-unreleased:#eeeeee;--calendar-movie-missing:#ff7676;--calendar-movie-available:#53e69d;--calendar-movie-unreleased:#eeeeee} \ No newline at end of file +/* 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 */ + +/* ORGANIZR DRACULA THEME */ +@import url("https://theme-park.dev/CSS/themes/organizr/organizr-base.css"); +@import url("https://theme-park.dev/CSS/variables/dracula.css"); + +/* APP VARS */ +:root { + --calendar-tv-premier: #FFEB3B; + --calendar-tv-missing: #ff7676; + --calendar-tv-available: #53e69d; + --calendar-tv-unreleased: #eeeeee; + --calendar-movie-missing: #ff7676; + --calendar-movie-available: #53e69d; + --calendar-movie-unreleased: #eeeeee; + } \ No newline at end of file diff --git a/CSS/themes/organizr/hotline.css b/CSS/themes/organizr/hotline.css index 72ecd558..8cf1f7eb 100644 --- a/CSS/themes/organizr/hotline.css +++ b/CSS/themes/organizr/hotline.css @@ -1 +1,26 @@ -@import url(https://theme-park.dev/CSS/themes/organizr/organizr-base.css);@import url(https://theme-park.dev/CSS/variables/hotline.css);:root{--calendar-tv-premier:#FFEB3B;--calendar-tv-missing:#ff7676;--calendar-tv-available:#53e69d;--calendar-tv-unreleased:#eeeeee;--calendar-movie-missing:#ff7676;--calendar-movie-available:#53e69d;--calendar-movie-unreleased:#eeeeee} \ No newline at end of file +/* 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 */ + +/* ORGANIZR HOTLINE THEME */ +@import url("https://theme-park.dev/CSS/themes/organizr/organizr-base.css"); +@import url("https://theme-park.dev/CSS/variables/hotline.css"); + +/* APP VARS */ +:root { + --calendar-tv-premier: #FFEB3B; + --calendar-tv-missing: #ff7676; + --calendar-tv-available: #53e69d; + --calendar-tv-unreleased: #eeeeee; + --calendar-movie-missing: #ff7676; + --calendar-movie-available: #53e69d; + --calendar-movie-unreleased: #eeeeee; + } \ No newline at end of file diff --git a/CSS/themes/organizr/organizr-base-old.css b/CSS/themes/organizr/organizr-base-old.css index e00bbd08..e48f350f 100644 --- a/CSS/themes/organizr/organizr-base-old.css +++ b/CSS/themes/organizr/organizr-base-old.css @@ -1 +1,1366 @@ -html{background:var(--main-bg-color)}body{color:#fff}.panel .panel-heading .panel-title{color:#fff}.dataTables_info,.dataTables_wrapper,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.daterangepicker .input-mini,.dd-handle,.dd3-content,.drop-title,.dropify-wrapper,.form-control,.panel-default .panel-body,.panel-default .panel-heading,.panel-white .panel-body,.panel-white .panel-heading,.select2-container .select2-choice,.steamline .sl-right div>a,.tabs-style-flip nav a,.text-dark,.text-dark .bg-title .breadcrumb a,.white-box .box-title,a.list-group-item,button.list-group-item,h1,h2,h3,h4,h5,h6{color:#fff!important}@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}.navbar-header{background:0 0!important}@media (max-width:480px){.navbar-header{background:var(--main-bg-color)!important}}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background:0 0}.navbar-default{background-color:transparent}.dropdown-menu{background:var(--modal-bg-color)}.chat-list .odd .chat-text{background:rgba(255,255,255,.15)}#page-wrapper{background:var(--main-bg-color)!important}.progress-bar-primary{background:var(--modal-bg-color)}.lock-screen{background:var(--main-bg-color)!important}.btn-primary,.btn-primary.disabled{background:rgba(0,0,0,.25);border:1px solid transparent}.btn-primary:hover{background:rgba(0,0,0,.45);border:1px solid transparent}.form-material .form-control,.form-material .form-control:focus{background:#1f1f1f;border-radius:3px;padding:inherit}.lock-screen>.login-box{width:400px;margin:10% auto 0;height:initial;position:initial}#internal-Settings,.active-tab-Settings,.sidebar,.sidebar body[data-active-tab=""]{background:var(--main-bg-color)!important}.sidebar{background:0 0;box-shadow:1px 0 10px rgba(0,0,0,.6)}.sidebar-head{background:var(--main-bg-color)!important}#side-menu li a{color:#fff}#side-menu li a:focus,#side-menu li a:hover{color:#fff;background:rgba(255,255,255,.08)!important}#side-menu li a.active{box-shadow:inset 4px 0 0 0 var(--link-color)}.label-inverse{background:var(--custom-buttons-color)}.tabLoaded{-webkit-filter:drop-shadow(0 0 5px var(--link-color));filter:drop-shadow(0 0 5px var(--link-color))}.form-control,select{background:rgba(0,0,0,.25);color:#fff;border:1px transparent}.form-control:focus,select:focus{color:#fff!important;background:#1f1f1f;border:1px transparent;transition:all 0s linear 0s}.bg-title{background:rgba(0,0,0,.15)}.content-wrap{background:var(--main-bg-color)!important}.swal-modal.bg-org{background:var(--main-bg-color)}.panel-wrapper>.bg-org .tab-content{background-color:transparent!important}.panel-blue .panel-heading,.panel-info .panel-heading{border-color:#fff;color:#fff;background-color:rgba(0,0,0,.15)}.panel{background:0 0}.panel-body{background:0 0!important}.nav-tabs>li>a:hover{background:rgba(0,0,0,.15)}.bg-org{background-color:transparent!important}.tab-content>.active{display:block;background:var(--main-bg-color)}.panel .table{background:var(--main-bg-color)!important}#settings-user-manage-users tr.jsgrid-header-row th{background:rgba(0,0,0,0)}#settings-user-manage-users .jsgrid-grid-body td{background:rgba(0,0,0,0)!important}#settings-user-manage-users .jsgrid-selected-row td{background:rgba(0,0,0,.15)!important}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#fff}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#00000094;border:1px solid #00000000;color:#fff}.error-box{top:10%;background:var(--main-bg-color)}#internal-Settings,#preloader,.active-tab-Settings,.error-page,.preloader{background:var(--main-bg-color)}.white-popup .panel-footer{background:var(--main-bg-color);border-top:1px solid #fff}.css-bar-lg:after{background:#1f1f1f!important}.sttabs nav{background:rgba(0,0,0,0)}.tabs-style-flip nav li.tab-current a::after{background-color:rgba(0,0,0,.15)!important;-webkit-transform:none!important;transform:none!important;border-radius:0!important}.tabs-style-flip nav a::after{background:rgba(0,0,0,0)!important;transition:none;-webkit-transform:none;transform:none}.tabs-style-flip nav a:hover{background:rgba(255,255,255,.05)!important}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover{background-color:none!important}.tabs-style-flip nav li.tab-current a:hover{color:#fff;background:rgba(0,0,0,0)!important}.tabs-style-flip nav li.tab-current a{color:var(--link-color)!important}.ace_gutter{background:rgba(0,0,0,.3)!important;color:#fff!important}.el-element-overlay .white-box{background:0 0!important}#organizrNewsPanel .panel-body{background:rgba(0,0,0,.15)!important}.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,.15)!important}.table-hover>tbody>tr:hover{background:rgba(0,0,0,.15)!important}#tabEditorTable .btn-info.btn-outline{color:var(--custom-buttons-color)}#tabEditorTable .btn-info.btn-outline:focus,#tabEditorTable .btn-info.btn-outline:hover{color:#fff;background:var(--custom-buttons-color)}.white-popup .panel-heading,.white-popup>.col-md-6>.white-box:first-child{background:var(--main-bg-color)!important}.white-popup .panel-body,.white-popup>.col-md-6>.white-box:nth-child(2){background:var(--main-bg-color)!important}.panel-blue a:hover,.panel-info a:hover{color:#fff}.customtab li.active a,.customtab li.active a:focus,.customtab li.active a:hover,.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{background:rgba(0,0,0,.25)}.white-popup-block{background:var(--main-bg-color)!important}.nav-tabs>li>a{color:#fff}.modal-body,.modal-content,.modal-footer,.modal-header{background:var(--main-bg-color)!important}.close:focus,.close:hover{color:#fff}.has-success .control-label{color:var(--link-color)}.btn-info,.btn-info.disabled{background:rgba(0,0,0,.25);border:none}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info.focus,.btn-info:focus,.btn-info:hover{background:rgba(0,0,0,.45);border:none}.btn-info.active,.btn-info:active,.btn-info:active:hover,.open>.dropdown-toggle.btn-info{background-color:#1b1a1a;border-color:#1b1a1a}.table-striped>tbody>tr:nth-of-type(odd){background:rgba(0,0,0,.15)!important}.table-striped>tbody>tr:nth-of-type(odd):hover{background:rgba(0,0,0,.25)!important}table.dataTable>tbody>tr:nth-of-type(even){background:rgba(0,0,0,.15)!important}table.dataTable>tbody>tr:nth-of-type(even):hover{background:rgba(0,0,0,.25)!important}.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{background:rgba(0,0,0,.08)!important;color:var(--link-color)!important;border:0!important;border-radius:0!important;margin:0!important;transition:none}.dataTables_wrapper .dataTables_paginate .paginate_button{background:rgba(0,0,0,.15);color:rgba(255,255,255,.7)!important;border:0!important;border-radius:0!important;margin:0!important;transition:none}.dataTables_wrapper .dataTables_paginate .paginate_button:hover,.nav-tabs li a:hover{background:rgba(255,255,255,.08)!important;color:#eee!important}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover{background:rgba(0,0,0,.25)!important}.ace-idle-fingers{background-color:rgba(0,0,0,.15)!important;background:rgba(0,0,0,.15)!important}.ace_gutter{background:rgba(0,0,0,.3)!important;color:#eee!important}.cbutton{background-color:rgba(255,255,255,.2)!important;border-radius:3px!important;border-color:transparent!important}.fc-day-header a,.fc-day-number,.fc-list-heading-main{color:#fff;cursor:pointer!important;transition:color .2s ease}.fc-unthemed .fc-divider,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{border-color:transparent;background:rgba(0,0,0,.05)}.bg-theme,.fc-day-header{background:rgba(0,0,0,.3)!important}.bg-theme,.fc th.fc-fri,.fc th.fc-mon,.fc th.fc-sat,.fc th.fc-sun,.fc th.fc-thu,.fc th.fc-tue,.fc th.fc-wed,.fc-button{background-color:rgba(0,0,0,.25)!important}th.fc-day-header.fc-widget-header.fc-today{background-color:rgba(0,0,0,.25)!important}.fc-widget-content.fc-today{background-color:rgba(255,255,255,.25)!important}.fc-popover{background:var(--modal-bg-color)}#calendar .fa.fa-tv.text-danger,#calendar .fc-time.tv.text-danger{color:var(--calendar-tv-missing)}#calendar .fa.fa-tv.text-success,#calendar .fc-time.tv.text-success{color:var(--calendar-tv-available)}#calendar .fa.fa-tv.text-info,#calendar .fc-time.tv.text-info{color:var(--calendar-tv-unreleased)}#calendar .fa.fa-tv.text-primary,#calendar .fa.fa-tv.text-purple,#calendar .fc-time.tv.text-primary,#calendar .fc-time.tv.text-purple{color:var(--calendar-tv-premier)}#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)}#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)}#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)}.nowPlayingItem>.white-box>.el-card-item{background:rgba(0,0,0,.15)!important;-webkit-box-shadow:0 0 10px rgba(0,0,0,.6);box-shadow:0 0 10px rgba(0,0,0,.6)}.icon-control-pause,.icon-control-play,.icon-film,.icon-screen-desktop{color:#fff!important}.label-info{background:var(--custom-buttons-color)}.white-box{background:var(--main-bg-color)}.fc-toolbar,.panel-default .panel-heading{background:0 0!important;padding:20px 0}#homepage-items .btn-group .btn{background:0 0!important;color:rgba(255,255,255,.7)!important;padding:6px 12px;margin:0 12.5px;transition:color .2s ease}#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 0 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:0!important}#homepage-items .nav-tabs>li.active>a,.nav-tabs>li.active>a:hover{cursor:pointer;opacity:1;background:rgba(0,0,0,.25)!important}#homepageOrderdownloader .nav-tabs>li.active>a,#homepageOrderdownloader .nav-tabs>li>a,.nav-tabs>li .nav>li>a,.nav-tabs>li.active .nav>li>a{padding:10px 12.5px}#homepageOrderdownloader .nav-tabs,#homepageOrderdownloader .nav-tabs>li.active>a,.nav-tabs>li.active .nav>li>a .customtab{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:hover,#homepageOrderdownloader .nav-tabs>li.active>a:hover{background:rgba(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}.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:#fff;border-radius:0!important;border:0!important;text-transform:uppercase}.inside-request-div{background-color:var(--link-color)!important}#homepage-items .btn-group .btn{background:0 0!important;color:rgba(255,255,255,.7)!important;padding:6px 12px;margin:0 12.5px;transition:color .2s ease}.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}.iziToast.success-notify.iziToast-layout2,.iziToast.update-notify.iziToast-layout2{border:none;background:var(--modal-bg-color)!important;border-bottom:transparent}.iziToast.success-notify>.iziToast-body .iziToast-icon,.iziToast.update-notify>.iziToast-body .iziToast-icon{color:var(--link-color)!important}.iziToast:after{background:var(--modal-bg-color)!important}.success-notify .iziToast-progressbar div,.update-notify .iziToast-progressbar div{background:var(--notification-box-line)!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}.ajs-message.ajs-error-alertify.ajs-visible{color:#f44336;background:var(--modal-bg-color);border-color:transparent}.ajs-message.ajs-warning-alertify{color:#ffeb3b;background:var(--modal-bg-color);border-color:transparent}.ajs-message.ajs-info-alertify{color:#6da8ff;background:var(--modal-bg-color);border-color:transparent}.ajs-message.ajs-success-alertify{color:#00ffb8;background:var(--modal-bg-color);border-color:transparent}.noty_type__error-noty .noty_body{background:var(--modal-bg-color);color:#f44336;border:1px solid transparent;border-bottom:transparent}.noty_type__warning-noty .noty_body{background:var(--modal-bg-color);color:#ffeb3b;border:1px solid transparent;border-bottom:transparent}.noty_type__info-noty .noty_body{background:var(--modal-bg-color);color:#3a83f0;border:1px solid transparent;border-bottom:transparent}.noty_type__success-noty .noty_body{background:var(--modal-bg-color);color:#00ffb8;border:1px solid transparent;border-bottom:transparent}.btn-link,a{color:var(--link-color);text-decoration:none}.hover-homepage-item:hover{background:var(--hompage-item-hover);opacity:1;transition:linear .2s}.el-card-avatar a{color:rgba(255,255,255,.7)!important;border:#fff}.el-element-overlay .el-card-item .el-overlay-1 .el-info>li a:hover{background:0 0;color:#fff!important;border:#fff!important}.progress-bar-info{background:rgba(255,255,255,.25)!important}.progress,.progress-bar-inverse{background:rgba(0,0,0,.25)!important}.bg-inverse .healthPosition{background:rgba(255,255,255,.2)!important;-webkit-backdrop-filter:saturate(180%) blur(30px);backdrop-filter:saturate(180%) blur(30px);border-radius:3px}#homepageOrderhealthchecks .card-body{background:rgba(255,255,255,.2)}.card,.card-body{border-radius:3px}.bg-inverse{background:0 0!important}.left-health{border-radius:3px 0 0 3px}#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}.unifiCards .panel-heading{background:rgba(255,255,255,.2)!important;color:#fff!important;border-color:transparent!important;text-align:inherit!important;border-radius:3px 3px 0 0!important}.unifiCards .panel-wrapper.collapse.in{background:rgba(0,0,0,.15)}#homepageOrderMonitorr .card-body{background:rgba(255,255,255,.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}#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}#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}@media (max-width:480px){.login-register>.login-box>.white-box{margin-top:auto!important;width:100%!important;-webkit-box-shadow:0 0 10px transparent!important;box-shadow:0 0 10px transparent!important}}.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,.9)!important;border:none!important}.login-register>.login-box>.white-box{background:0 0!important;-webkit-box-shadow:0 0 10px rgba(0,0,0,.6);box-shadow:0 0 10px rgba(0,0,0,.6)}.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-color:transparent!important}.btn-warning.disabled,.panel-wrapper .panel-body>.btn-warning{background:hsla(0,0%,0%,.25)!important;border:1px solid #ffc36d00!important}.panel-warning .panel-heading,.panel-yellow .panel-heading{color:#fff;border-radius:3px;background-color:rgba(0,0,0,.3);border-color:#00000000}.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-panels .panel,#login-panels .panel-body,.login-box.login-sidebar{background:0 0!important}.login-sidebar{position:relative;right:initial}#lockScreen .white-box{width:400px;height:345px}.login-sidebar .white-box{width:100%;position:absolute;top:50%;transform:translateY(-50%)}#lockScreen .white-box{position:absolute;top:50%;transform:translateY(-50%);background:0 0;-webkit-box-shadow:0 0 10px rgba(0,0,0,.6);box-shadow:0 0 10px rgba(0,0,0,.6)}.p-20{padding:0!important}#splashScreen,.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:0!important}}#splashScreen div[id^=menu-]{background:0 0;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:0 0!important;color:#fff!important;border:0!important;border-radius:100px;height:0!important;text-align:center}#splashScreen .bottom-close-splash{position:relative!important;width:0;right:0;bottom:0}#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,.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 transparent;-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:0;padding:0}.splash-badge i.fa-home:before{position:absolute!important;left:-2px!important}.color-table.info-table thead th{background-color:rgba(0,0,0,.25);color:#fff}.bg-success.text-inverse{background-color:rgba(255,255,255,.15)!important;color:#fff}.panel-blue a,.panel-info a{color:var(--link-color)}.color-bordered-table.purple-bordered-table{border:2px solid var(--notification-box-line)}.white-box .bg-info{background:var(--link-color)!important}.ms-container .ms-selectable,.ms-container .ms-selection{background:rgba(0,0,0,.25)}.ms-container .ms-list{border:1px solid rgba(255,255,255,.2)}.ms-container .ms-selectable li.ms-elem-selectable,.ms-container .ms-selection li.ms-elem-selection{border-bottom:1px rgba(238,238,238,.2) solid}.ms-container .ms-selectable li.ms-hover,.ms-container .ms-selection li.ms-hover{background:rgba(255,255,255,.08)}.ms-container .ms-list.ms-focus{border-color:rgba(255,255,255,.5);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,255,255,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,255,255,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,255,255,.6)} \ No newline at end of file +html { + background: var(--main-bg-color); +} + +body { + color: white; +} + +.panel .panel-heading .panel-title { + color: #ffffff; +} + +.dataTables_wrapper .dataTables_filter, +.dataTables_wrapper .dataTables_length, +.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, +.dataTables_wrapper, +.dataTables_info, +.text-dark, +.drop-title, +.tabs-style-flip nav a, +.text-dark .bg-title .breadcrumb a, +.daterangepicker .input-mini, +.dd-handle, +.dd3-content, +.dropify-wrapper, +.form-control, +.panel-default .panel-heading, +.panel-white .panel-heading, +.select2-container .select2-choice, +.steamline .sl-right div>a, +.white-box .box-title, +a.list-group-item, +button.list-group-item, +h1, +h2, +h3, +h4, +h5, +h6, +.panel-default .panel-body, +.panel-white .panel-body { + color: #ffffff !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; +} + +/* Header */ +.navbar-header { + background: transparent !important; +} + +@media (max-width: 480px) { + .navbar-header { + background: var(--main-bg-color) !important; + } +} + +.nav .open>a, +.nav .open>a:focus, +.nav .open>a:hover { + background: transparent; +} + +.navbar-default { + background-color: transparent; +} + +.dropdown-menu { + background: var(--modal-bg-color); +} + +.chat-list .odd .chat-text { + background: rgba(255, 255, 255, 0.15); +} + +/* Background */ +#page-wrapper { + background: var(--main-bg-color) !important; +} + +/* Update bar */ +.progress-bar-primary { + background: var(--modal-bg-color); +} + +/* Lockscreen */ +.lock-screen { + background: var(--main-bg-color) !important; +} + +/* Buttons */ +.btn-primary, +.btn-primary.disabled { + background: rgba(0, 0, 0, 0.25); + border: 1px solid transparent; +} + +.btn-primary:hover { + background: rgba(0, 0, 0, 0.45); + border: 1px solid rgba(0, 0, 0, 0); +} + +.form-material .form-control, +.form-material .form-control:focus { + background: #1f1f1f; + border-radius: 3px; + padding: inherit; +} + +.lock-screen>.login-box { + width: 400px; + margin: 10% auto 0; + height: initial; + position: initial; +} + +/* Sidebar/settings */ +#internal-Settings, +.active-tab-Settings, +.sidebar body[data-active-tab=""], +.sidebar { + background: var(--main-bg-color) !important; +} + +.sidebar, +.sidebar { + background: transparent; + box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.6); +} + +.sidebar-head { + background: var(--main-bg-color) !important; +} + +#side-menu li a { + color: #ffffff; +} + +#side-menu li a:focus, +#side-menu li a:hover { + color: #fff; + background: rgba(255, 255, 255, .08) !important; +} + +#side-menu li a.active { + box-shadow: inset 4px 0 0 0 var(--link-color); +} + +.label-inverse { + background: var(--custom-buttons-color); +} + +.tabLoaded { + -webkit-filter: drop-shadow(0 0 5px var(--link-color)); + filter: drop-shadow(0 0 5px var(--link-color)); +} + +/*input form control dropdown*/ +.form-control, +select { + background: rgba(0, 0, 0, .25); + color: #fff; + border: 1px transparent; +} + +.form-control:focus, +select:focus { + color: #fff !important; + background: #1f1f1f; + border: 1px transparent; + transition: all 0ms linear 0s; +} + +/* Settings */ +.bg-title { + background: rgba(0, 0, 0, 0.15); +} + +.content-wrap { + background: var(--main-bg-color) !important; +} + +.swal-modal.bg-org { + background: var(--main-bg-color); +} + +.panel-wrapper>.bg-org .tab-content { + background-color: transparent !important; +} + +.panel-blue .panel-heading, +.panel-info .panel-heading { + border-color: #ffffff; + color: #fff; + background-color: rgba(0, 0, 0, 0.15); +} + +.panel { + background: transparent; +} + +.panel-body { + background: transparent !important; +} + +.nav-tabs>li>a:hover { + background: rgba(0, 0, 0, 0.15); +} + +.bg-org { + background-color: transparent !important; +} + +.tab-content>.active { + display: block; + background: var(--main-bg-color); +} + +/* Settings - tables */ +.panel .table { + background: var(--main-bg-color) !important; +} + +/* User Management */ +#settings-user-manage-users tr.jsgrid-header-row th { + background: rgba(0, 0, 0, .0); +} + +#settings-user-manage-users .jsgrid-grid-body td { + background: rgba(0, 0, 0, .0) !important; +} + +#settings-user-manage-users .jsgrid-selected-row td { + background: rgba(0, 0, 0, .15) !important +} + +/* iframe sandbox */ +.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: #ffffff; +} + +.select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #00000094; + border: 1px solid #00000000; + color: #ffffff; +} + +/* error page */ +.error-box { + top: 10%; + background: var(--main-bg-color); +} + +/*error page background */ +#internal-Settings, +#preloader, +.preloader, +.active-tab-Settings, +.error-page { + background: var(--main-bg-color); +} + +/*Speed test footer and circles*/ +.white-popup .panel-footer { + background: var(--main-bg-color); + border-top: 1px solid #fff; +} + +.css-bar-lg:after { + background: #1f1f1f !important; +} + +/* Settings - menu tabs */ +.sttabs nav { + background: rgba(0, 0, 0, 0); +} + +.tabs-style-flip nav li.tab-current a::after { + background-color: rgba(0, 0, 0, .15) !important; + -webkit-transform: none !important; + transform: none !important; + border-radius: 0px !important; +} + +.tabs-style-flip nav a::after { + background: rgba(0, 0, 0, 0) !important; + transition: none; + -webkit-transform: none; + transform: none; +} + +.tabs-style-flip nav a:hover { + background: rgba(255, 255, 255, .05) !important; +} + +.nav-tabs>li.active>a, +.nav-tabs>li.active>a:hover { + background-color: none !important; +} + +.tabs-style-flip nav li.tab-current a:hover { + color: #ffffff; + background: rgba(0, 0, 0, 0) !important; +} + +.tabs-style-flip nav li.tab-current a { + color: var(--link-color) !important; +} + +/* Settings - custom css */ +.ace_gutter { + background: rgba(0, 0, 0, .3) !important; + color: #fff !important; +} + +/* Settings - image manager */ +.el-element-overlay .white-box { + background: transparent !important; +} + +/* Settings - news panel */ +#organizrNewsPanel .panel-body { + background: rgba(0, 0, 0, 0.15) !important; +} + +/* Settings - tab editor panel */ +.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.15) !important; +} + +.table-hover>tbody>tr:hover { + background: rgba(0, 0, 0, .15) !important; +} + +#tabEditorTable .btn-info.btn-outline { + color: var(--custom-buttons-color); +} + +#tabEditorTable .btn-info.btn-outline:hover, +#tabEditorTable .btn-info.btn-outline:focus { + color: white; + background: var(--custom-buttons-color); +} + +/* Settings - popup modal */ +.white-popup .panel-heading, +.white-popup>.col-md-6>.white-box:first-child { + background: var(--main-bg-color) !important; +} + +.white-popup .panel-body, +.white-popup>.col-md-6>.white-box:nth-child(2) { + background: var(--main-bg-color) !important; +} + +.panel-blue a:hover, +.panel-info a:hover { + color: #ffffff; +} + +.customtab li.active a, +.customtab li.active a:focus, +.customtab li.active a:hover, +.nav-tabs>li.active>a, +.nav-tabs>li.active>a:focus, +.nav-tabs>li.active>a:hover { + background: rgba(0, 0, 0, 0.25); +} + +.white-popup-block { + background: var(--main-bg-color) !important; +} + +.nav-tabs>li>a { + color: #ffffff; +} + +.modal-content, +.modal-header, +.modal-footer, +.modal-body { + background: var(--main-bg-color) !important; +} + +.close:focus, +.close:hover { + color: #fff; +} + +.has-success .control-label { + color: var(--link-color); +} + +/* Settings - save button */ +.btn-info, +.btn-info.disabled { + background: rgba(0, 0, 0, 0.25); + border: none; +} + +.btn-info.disabled.focus, +.btn-info.disabled:focus, +.btn-info.disabled:hover, +.btn-info.focus, +.btn-info:focus, +.btn-info:hover { + background: rgba(0, 0, 0, 0.45); + border: none; +} + +.btn-info.active, +.btn-info:active, +.open>.dropdown-toggle.btn-info, +.btn-info:active:hover { + background-color: #1b1a1a; + border-color: #1b1a1a; +} + +/* Settings logs */ + +.table-striped>tbody>tr:nth-of-type(odd) { + background: rgba(0, 0, 0, .15) !important; +} + +.table-striped>tbody>tr:nth-of-type(odd):hover { + background: rgba(0, 0, 0, .25) !important; +} + +table.dataTable>tbody>tr:nth-of-type(even) { + background: rgba(0, 0, 0, .15) !important; +} + +table.dataTable>tbody>tr:nth-of-type(even):hover { + background: rgba(0, 0, 0, .25) !important; +} + +.dataTables_wrapper .dataTables_paginate .paginate_button.current, +.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { + background: rgba(0, 0, 0, .08) !important; + color: var(--link-color) !important; + border: 0 !important; + border-radius: 0 !important; + margin: 0 !important; + transition: none; +} + +.dataTables_wrapper .dataTables_paginate .paginate_button { + background: rgba(0, 0, 0, .15); + color: rgba(255, 255, 255, .7) !important; + border: 0 !important; + border-radius: 0 !important; + margin: 0 !important; + transition: none; +} + +.dataTables_wrapper .dataTables_paginate .paginate_button:hover, +.nav-tabs li a:hover { + background: rgba(255, 255, 255, .08) !important; + color: #eee !important; +} + +.nav-tabs>li.active>a, +.nav-tabs>li.active>a:hover { + background: rgba(0, 0, 0, 0.25) !important; +} + +/* Settings - custom CSS */ +.ace-idle-fingers { + background-color: rgba(0, 0, 0, 0.15) !important; + background: rgba(0, 0, 0, 0.15) !important; +} + +.ace_gutter { + background: rgba(0, 0, 0, .3) !important; + color: #eee !important; +} + +/* custom buttons */ +.cbutton { + background-color: rgba(255, 255, 255, 0.2) !important; + border-radius: 3px !important; + border-color: transparent !important; +} + +/* Calendar */ +.fc-day-header a, +.fc-day-number, +.fc-list-heading-main { + color: #FFF; + 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); +} + +/*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: var(--custom-buttons-color); +} + +.white-box { + background: var(--main-bg-color); +} + +/* Homepage headers */ +.panel-default .panel-heading, +.fc-toolbar { + background: transparent !important; + padding: 20px 0px; +} + +/* Homepage buttons */ +#homepage-items .btn-group .btn { + background: 0 0 !important; + color: rgba(255, 255, 255, .7) !important; + padding: 6px 12px; + margin: 0 12.5px; + transition: color .2s ease; +} + +#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 .white-box { + padding-left: 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: #fff; + border-radius: 0 !important; + border: 0 !important; + text-transform: uppercase; +} + +/* Homepage ombi - request triangle */ +.inside-request-div { + background-color: var(--link-color) !important; +} + +/* Homepage ombi - dropdown */ +#homepage-items .btn-group .btn { + background: 0 0 !important; + color: rgba(255, 255, 255, .7) !important; + padding: 6px 12px; + margin: 0 12.5px; + transition: color .2s ease; +} + +.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 { + border: none; + background: var(--modal-bg-color) !important; + border-bottom: transparent; +} + +.iziToast.update-notify>.iziToast-body .iziToast-icon, +.iziToast.success-notify>.iziToast-body .iziToast-icon { + color: var(--link-color) !important; +} + +.iziToast:after { + background: var(--modal-bg-color) !important; +} + +.update-notify .iziToast-progressbar div, +.success-notify .iziToast-progressbar div { + background: var(--notification-box-line) !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); + border-color: transparent; +} + +.ajs-message.ajs-warning-alertify { + color: #ffeb3b; + background: var(--modal-bg-color); + border-color: transparent; +} + +.ajs-message.ajs-info-alertify { + color: #6da8ff; + background: var(--modal-bg-color); + border-color: transparent; +} + +.ajs-message.ajs-success-alertify { + color: #00ffb8; + background: var(--modal-bg-color); + border-color: transparent; +} + +/* Noty */ +.noty_type__error-noty .noty_body { + background: var(--modal-bg-color); + color: #f44336; + border: 1px solid transparent; + border-bottom: transparent; +} + +.noty_type__warning-noty .noty_body { + background: var(--modal-bg-color); + color: #ffeb3b; + border: 1px solid transparent; + border-bottom: transparent; +} + +.noty_type__info-noty .noty_body { + background: var(--modal-bg-color); + color: #3a83f0; + border: 1px solid transparent; + border-bottom: transparent; +} + +.noty_type__success-noty .noty_body { + background: var(--modal-bg-color); + color: #00ffb8; + border: 1px solid transparent; + border-bottom: transparent; +} + +.btn-link, +a { + color: var(--link-color); + text-decoration: none; +} + +/* Homepage cover - hover */ +.hover-homepage-item:hover { + background: var(--hompage-item-hover); + opacity: 1; + transition: linear .2s; +} + +/* 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: rgba(255, 255, 255, 0.25) !important; +} + +.progress-bar-inverse, +.progress { + background: rgba(0, 0, 0, 0.25) !important; +} + +/* Homepage health checks */ +.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; +} + +#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: rgba(255, 255, 255, 0.2) !important; + color: #fff !important; + border-color: transparent !important; + text-align: inherit !important; + border-radius: 3px 3px 0 0 !important; +} + +.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; +} + +/* loginpage sidemenu */ +@media (max-width: 480px) { + .login-register>.login-box>.white-box { + margin-top: auto !important; + width: 100% !important; + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0) !important; + box-shadow: 0 0 10px rgba(0, 0, 0, 0) !important; + } +} + +/* 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; +} + +.login-register>.login-box>.white-box { + background: transparent !important; + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); +} + +.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-color: 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 sidebar*/ +/*Login sidebar*/ +.login-box.login-sidebar, +#login-panels .panel-body, +#login-panels .panel { + background: transparent !important; +} + +/*Center login Box*/ +.login-sidebar { + position: relative; + right: initial; +} + +#lockScreen .white-box { + width: 400px; + height: 345px; +} + +.login-sidebar .white-box { + width: 100%; + position: absolute; + top: 50%; + transform: translateY(-50%); +} + +#lockScreen .white-box { + position: absolute; + top: 50%; + transform: translateY(-50%); + background: transparent; + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); +} + +/* Splash screen */ +.p-20 { + padding: 0px !important; +} + +#splashScreen, +.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(0, 0, 0, 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 var(--notification-box-line); +} + +.white-box .bg-info { + background: var(--link-color) !important; +} + +/* Email Center*/ + +.ms-container .ms-selectable, +.ms-container .ms-selection { + background: rgba(0, 0, 0, 0.25); +} + +.ms-container .ms-list { + border: 1px solid rgba(255, 255, 255, 0.2); +} + +.ms-container .ms-selectable li.ms-elem-selectable, +.ms-container .ms-selection li.ms-elem-selection { + border-bottom: 1px rgba(238, 238, 238, .2) solid; +} + +.ms-container .ms-selectable li.ms-hover, +.ms-container .ms-selection li.ms-hover { + background: rgba(255, 255, 255, .08) +} + +.ms-container .ms-list.ms-focus { + border-color: rgba(255, 255, 255, .5); + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 255, 255, .6); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 255, 255, .6); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 255, 255, .6); +} \ No newline at end of file diff --git a/CSS/themes/organizr/organizr-base.css b/CSS/themes/organizr/organizr-base.css index 5610dec0..37233836 100644 --- a/CSS/themes/organizr/organizr-base.css +++ b/CSS/themes/organizr/organizr-base.css @@ -1 +1,2334 @@ -@import url(https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900);.modal-content{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)}.bg-title .breadcrumb a:hover,.chat-list .odd .chat-text h4,.close,.h1,.h2,.h3,.h4,.h5,.h6,.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,.swal-title,.text-dark:not(#to-recover),h1,h2,h3,h4,h5,h6,label{color:var(--text-hover)!important}.text-muted:not(.bg-plex){color:var(--text-muted)!important}.panel .panel-heading .panel-title{color:var(--text-hover)}.css-bar-lg:after,.daterangepicker .input-mini,.dd-handle,.dd3-content,.dropify-wrapper,.form-control,.panel-default .panel-heading,.panel-white .panel-heading,.select2-container .select2-choice{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,.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: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),.btn:hover: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:0;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){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{background:#e5a00d;color:#fff}.nav-tabs>li>a,.tabs-style-flip nav a{color:var(--text-hover)}.customtab2 li.active a,.customtab2 li.active a:focus,.customtab2 li.active a:hover{background:rgba(0,0,0,.25)!important;border-color:rgba(255,255,255,.1)!important;border-radius:20px}.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,.1);border-bottom:transparent}#dazsm6ofc1i6j6s9g5k5fija>div>div.white-box.m-b-0.bg-info,#dazsm6ofc1i6j6s9g5k5fija>div>div:nth-child(2){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}[id*=settings-]>div>div.panel-heading:not(form>div>div.panel-heading){background:rgba(0,0,0,.25)}#customize-appearance-form>ul>li.active>a{background:rgba(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}select.form-control:focus{box-shadow:none;background:#1f1f1f;border:1px solid rgba(120,130,140,.4)}.form-material .form-control:focus{background:#1f1f1f;border:1px solid rgba(120,130,140,.4)}.form-material .form-control{background:rgba(0,0,0,.25);border-radius:3px;padding:inherit}#githubVersions .bg-org{background:rgba(0,0,0,.25)!important}.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,.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,.13);color:var(--text-hover)}#categoryEditorTable,#tabEditorTable{color:var(--text)}.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,.1)}.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 transparent}input::-webkit-input-placeholder{color:var(--text)!important}input:focus::-webkit-input-placeholder{color:var(--text-hover)!important}input:-moz-placeholder{color:var(--text)!important}input:focus:-moz-placeholder{color:var(--text-hover)!important}input::-moz-placeholder{color:var(--text)!important}input:focus::-moz-placeholder{color:var(--text-hover)!important}input:-ms-input-placeholder{color:var(--text)!important}input:focus:-ms-input-placeholder{color:var(--text-hover)!important}@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}.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.jsgrid-control-field.jsgrid-align-center,th.jsgrid-header-sortable,th.text-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-Users>div.jsgrid-grid-header.jsgrid-header-scrollbar>table>tbody,.jsgrid-table tbody .jsgrid-header-row{color:var(--text-hover)!important}.jsGrid-Users,.jsgrid-header-sort-asc,.jsgrid-header-sort-desc{background:rgba(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,.45)!important;color:var(--text-hover)!important}#calendar .fc-content-skeleton>table>thead>tr{background:rgba(0,0,0,.15)}.fc-event:hover:not(.homepage-drag),.fc-event: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 .fc-divider,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{border-color:transparent;background:rgba(0,0,0,.05)}.bg-theme,.fc-day-header{background:rgba(0,0,0,.3)!important}.bg-theme,.fc th.fc-fri,.fc th.fc-mon,.fc th.fc-sat,.fc th.fc-sun,.fc th.fc-thu,.fc th.fc-tue,.fc th.fc-wed,.fc-button{background-color:rgba(0,0,0,.25)!important}th.fc-day-header.fc-widget-header.fc-today{background-color:rgba(0,0,0,.25)!important}.fc-widget-content.fc-today{background-color:rgba(255,255,255,.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}@media (max-width:480px){.login-register>.login-box>.white-box{margin-top:auto!important;width:100%!important;-webkit-box-shadow:0 0 10px transparent!important;box-shadow:0 0 10px transparent!important}}.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,.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-password-Input::placeholder,#login-username-Input::placeholder,#recover-input::placeholder{color:var(--text-muted)!important}#to-recover,label[for=checkbox-login]{color:var(--link-color)!important}#to-recover:hover,label[for=checkbox-login]:hover{color:var(--link-color-hover)!important}@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,.6);box-shadow:0 0 10px rgba(0,0,0,.6);border-radius:15px;background-color:rgba(0,0,0,.45)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff!important}}@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,.8)!important;box-shadow:0 0 10px rgba(0,0,0,.8)!important;border-radius:15px!important;background:var(--main-bg-color)!important}}.login-register{height:100%;position:fixed}.slideInRight{-webkit-animation-name:none;animation-name:none}.login-register .login-box .white-box .bg-org{background:0 0!important}.btn-warning.disabled,.panel-wrapper .panel-body>.btn-warning{background:hsla(0,0%,0%,.25)!important;border:1px solid #ffc36d00!important}.panel-warning .panel-heading,.panel-yellow .panel-heading{color:#fff;border-radius:3px;background-color:rgba(0,0,0,.3);border-color:#00000000}.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-panels .panel,#login-panels .panel-body,.login-box.login-sidebar{background:0 0!important}.login-sidebar{position:relative;right:initial}#lockScreen .white-box{width:400px;height:345px}.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,.6);box-shadow:0 0 10px rgba(0,0,0,.6);border-radius:15px;background-color:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@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,.6);box-shadow:0 0 10px rgba(0,0,0,.6);border-radius:15px;background-color:rgba(0,0,0,.7)}}@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)}}@supports not ((-webkit-backdrop-filter:none) or (backdrop-filter:none)){#splashScreen{overflow-y:scroll;background:rgb(0 0 0 / 90%)!important}}.p-20{padding:0!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:0!important}}#splashScreen div[id^=menu-]{background:0 0;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:0 0!important;color:#fff!important;border:0!important;border-radius:100px;height:0!important;text-align:center}#splashScreen .bottom-close-splash{position:relative!important;width:0;right:0;bottom:0}#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,.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 transparent;-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:0;padding:0}.splash-badge i.fa-home:before{position:absolute!important;left:-2px!important}.color-table.info-table thead th{background-color:rgba(61,33,33,.25);color:#fff}.bg-success.text-inverse{background-color:rgba(255,255,255,.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}#calendar .fa.fa-tv.text-danger,#calendar .fc-time.tv.text-danger{color:var(--calendar-tv-missing)}#calendar .fa.fa-tv.text-success,#calendar .fc-time.tv.text-success{color:var(--calendar-tv-available)}#calendar .fa.fa-tv.text-info,#calendar .fc-time.tv.text-info{color:var(--calendar-tv-unreleased)}#calendar .fa.fa-tv.text-primary,#calendar .fa.fa-tv.text-purple,#calendar .fc-time.tv.text-primary,#calendar .fc-time.tv.text-purple{color:var(--calendar-tv-premier)}#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)}#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)}#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)}.nowPlayingItem>.white-box>.el-card-item{background:rgba(0,0,0,.15)!important;-webkit-box-shadow:0 0 10px rgba(0,0,0,.6);box-shadow:0 0 10px rgba(0,0,0,.6)}.icon-control-pause,.icon-control-play,.icon-film,.icon-screen-desktop{color:#fff!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}.panel-default .panel-heading .fc-toolbar{background:0 0!important;padding:20px 0}.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}#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 0 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:0!important}#homepage-items .nav-tabs>li.active>a,.nav-tabs>li.active>a:hover{cursor:pointer;opacity:1;background:rgba(0,0,0,.25)!important}#homepageOrderdownloader .nav-tabs>li.active>a,#homepageOrderdownloader .nav-tabs>li>a,.nav-tabs>li .nav>li>a,.nav-tabs>li.active .nav>li>a{padding:10px 12.5px}#homepageOrderdownloader .nav-tabs,#homepageOrderdownloader .nav-tabs>li.active>a,.nav-tabs>li.active .nav>li>a .customtab{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:hover,#homepageOrderdownloader .nav-tabs>li.active>a:hover{background:rgba(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}.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}.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.active,.btn:active{-webkit-box-shadow:none;box-shadow:none}.iziToast.success-notify.iziToast-layout2,.iziToast.update-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.success-notify>.iziToast-body .iziToast-icon .iziToast.warning-notify>.iziToast-body .iziToast-icon,.iziToast.update-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}.success-notify .iziToast-progressbar div,.update-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}.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_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{color:var(--link-color-hover);text-decoration:none}.el-card-avatar a{color:rgba(255,255,255,.7)!important;border:#fff}.el-element-overlay .el-card-item .el-overlay-1 .el-info>li a:hover{background:0 0;color:#fff!important;border:#fff!important}.progress-bar-info{background:rgb(var(--accent-color))!important;color:var(--label-text-color)}.progress,.progress-bar-inverse{background:rgba(0,0,0,.25)!important}@supports (-webkit-backdrop-filter:none) or (backdrop-filter:none){.bg-inverse .healthPosition{background:rgba(255,255,255,.2)!important;-webkit-backdrop-filter:saturate(180%) blur(30px);backdrop-filter:saturate(180%) blur(30px);border-radius:3px}}@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,.2)}.card,.card-body{border-radius:3px}.bg-inverse{background:0 0!important}.left-health{border-radius:3px 0 0 3px}#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}.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,.15)}#homepageOrderMonitorr .card-body{background:rgba(255,255,255,.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}#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}#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{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)}.fc-toolbar:not(.fc-alternate),[id*=homepage] .panel-heading.bg-info{background:rgb(var(--accent-color))!important;color:var(--label-text-color)!important}.fc .fc-button-group>button:not(.fc-alternate[class*=fc]),.fc-toolbar:not(.fc-alternate) h2{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}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}.logo i{color:var(--text-hover)}@-moz-document url-prefix(){.navbar-header{background:0 0!important}.dropdown-menu{background:0 0!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-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}.bg-title .breadcrumb .active{color:#1f1f1f}@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,.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 0 20px rgba(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:0 0}.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:0 solid #1b1a1a}@media (pointer:fine){#side-menu>li>a:focus,#side-menu>li>a:hover{background:rgba(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),.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;margin-left:0}#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}.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}.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:.8;color:var(--button-text-hover);border:1px solid var(--button-color-hover)}.tabs-vertical li.active a,.tabs-vertical li.active a:focus,.tabs-vertical li.active a:hover{background:#1f1f1f;border-right:2px solid #1f1f1f}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{background:#1f1f1f;color:#fff}.bg-theme,.fc th.fc-fri,.fc th.fc-mon,.fc th.fc-sat,.fc th.fc-sun,.fc th.fc-thu,.fc th.fc-tue,.fc th.fc-wed,.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}.fc-button,.table tbody tr.advance-table-row.active{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-theme,.panel-themecolor{border-color:#1f1f1f}.panel-theme .panel-heading,.panel-themecolor .panel-heading{border-color:#1f1f1f;color:#fff;background-color:#1f1f1f}.panel-theme .panel-heading a,.panel-themecolor .panel-heading a{color:var(--text-hover)}.panel-theme .panel-heading a:hover,.panel-themecolor .panel-heading a:hover{color:rgba(255,255,255,.5)}.panel-theme a,.panel-themecolor a{color:#1f1f1f}.panel-theme a:hover,.panel-themecolor a:hover{color:#177eac}.login-box,.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}}.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-group-addon,.no-bg-addon .input-group-addon,input{background-color:#1f1f1f}.bg-title .breadcrumb .active{color:#e6d086}.tabs-style-flip nav li.tab-current a::after{background-color:rgba(var(--accent-color),.05);-webkit-transform:perspective(900px) rotate3d(1,0,0,0deg);transform:perspective(900px) rotate3d(1,0,0,0deg);border-radius:0}.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,.25)!important;border-radius:0;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:0 0!important}.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}.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}.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:#1b1a1a;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,.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}.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:#fff}.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,.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,.15)}.form-control:active:not(select),.form-control:focus:not(select),input:active:not(select),input:focus:not(select){background:rgba(0,0,0,.445);border:1px solid rgba(120,130,140,.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,.93);color:#fff;border-color:#bce8f1}.jq-icon-warning{background-color:rgba(154,83,20,.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,.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:#fff;border-radius:0 0 10px 10px}.panel-heading.settings-top{background:#2cabe3;border-color:#fff;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 +@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 */ + +.modal-content { + 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, +.form-control, +.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) { + 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 { + background: #e5a00d; + color: white; +} + +.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 { + background: #1f1f1f; + border: 1px solid rgba(120, 130, 140, 0.4); + +} + +.form-material .form-control { + background: rgba(0, 0, 0, 0.25); + border-radius: 3px; + padding: inherit; +} + +#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 */ +@media (max-width: 480px) { + .login-register>.login-box>.white-box { + margin-top: auto !important; + width: 100% !important; + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0) !important; + box-shadow: 0 0 10px rgba(0, 0, 0, 0) !important; + } +} + +/* 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: var(--link-color) !important; +} + +#to-recover:hover, +label[for="checkbox-login"]:hover { + color: var(--link-color-hover) !important; +} + +@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 sidebar*/ +/*Login sidebar*/ +.login-box.login-sidebar, +#login-panels .panel-body, +#login-panels .panel { + background: transparent !important; +} + +/*Center login Box*/ +.login-sidebar { + position: relative; + right: initial; +} + +#lockScreen .white-box { + width: 400px; + height: 345px; +} + +.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-color: rgba(0, 0, 0, 0.7); + } +} + +@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 { + 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 { + 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; +} + +/* 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; +} + +.login-box, +.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 .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; +} + +.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: #1b1a1a; + 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, +.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/organizr/plex.css b/CSS/themes/organizr/plex.css index f07a1838..40e15d6b 100644 --- a/CSS/themes/organizr/plex.css +++ b/CSS/themes/organizr/plex.css @@ -1 +1,26 @@ -@import url(https://theme-park.dev/CSS/themes/organizr/organizr-base.css);@import url(https://theme-park.dev/CSS/variables/plex.css);:root{--calendar-tv-premier:#FFEB3B;--calendar-tv-missing:#ff7676;--calendar-tv-available:#53e69d;--calendar-tv-unreleased:#eeeeee;--calendar-movie-missing:#ff7676;--calendar-movie-available:#53e69d;--calendar-movie-unreleased:#eeeeee} \ No newline at end of file +/* 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 */ + +/* ORGANIZR PLEX THEME */ +@import url("https://theme-park.dev/CSS/themes/organizr/organizr-base.css"); +@import url("https://theme-park.dev/CSS/variables/plex.css"); + +/* APP VARS */ +:root { + --calendar-tv-premier: #FFEB3B; + --calendar-tv-missing: #ff7676; + --calendar-tv-available: #53e69d; + --calendar-tv-unreleased: #eeeeee; + --calendar-movie-missing: #ff7676; + --calendar-movie-available: #53e69d; + --calendar-movie-unreleased: #eeeeee; + } \ No newline at end of file diff --git a/CSS/themes/organizr/space-gray.css b/CSS/themes/organizr/space-gray.css index 37b187ab..407ce222 100644 --- a/CSS/themes/organizr/space-gray.css +++ b/CSS/themes/organizr/space-gray.css @@ -1 +1,26 @@ -@import url(https://theme-park.dev/CSS/themes/organizr/organizr-base.css);@import url(https://theme-park.dev/CSS/variables/space-gray.css);:root{--calendar-tv-premier:#FFEB3B;--calendar-tv-missing:#ff7676;--calendar-tv-available:#53e69d;--calendar-tv-unreleased:#eeeeee;--calendar-movie-missing:#ff7676;--calendar-movie-available:#53e69d;--calendar-movie-unreleased:#eeeeee} \ No newline at end of file +/* 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 */ + +/* ORGANIZR SPACE GRAY THEME */ +@import url("https://theme-park.dev/CSS/themes/organizr/organizr-base.css"); +@import url("https://theme-park.dev/CSS/variables/space-gray.css"); + +/* APP VARS */ +:root { + --calendar-tv-premier: #FFEB3B; + --calendar-tv-missing: #ff7676; + --calendar-tv-available: #53e69d; + --calendar-tv-unreleased: #eeeeee; + --calendar-movie-missing: #ff7676; + --calendar-movie-available: #53e69d; + --calendar-movie-unreleased: #eeeeee; + } diff --git a/CSS/themes/petio/aquamarine.css b/CSS/themes/petio/aquamarine.css index 15878b98..8b5f509e 100644 --- a/CSS/themes/petio/aquamarine.css +++ b/CSS/themes/petio/aquamarine.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/petio/petio-base.css);@import url(https://theme-park.dev/CSS/variables/aquamarine.css);:root{--spinner:invert(39%) sepia(98%) saturate(527%) hue-rotate(129deg) brightness(94%) contrast(101%)} \ No newline at end of file + +/* 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 */ + +/* PETIO AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/petio/petio-base.css); +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); + +/* APP VARS */ +:root { + --spinner: invert(39%) sepia(98%) saturate(527%) hue-rotate(129deg) brightness(94%) contrast(101%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ +} \ No newline at end of file diff --git a/CSS/themes/petio/dark.css b/CSS/themes/petio/dark.css index 230289b9..71b8d102 100644 --- a/CSS/themes/petio/dark.css +++ b/CSS/themes/petio/dark.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/petio/petio-base.css);@import url(https://theme-park.dev/CSS/variables/dark.css);:root{--spinner:invert(35%) sepia(12%) saturate(4%) hue-rotate(2deg) brightness(104%) contrast(86%)} \ No newline at end of file + +/* 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 */ + +/* PETIO DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/petio/petio-base.css); +@import url(https://theme-park.dev/CSS/variables/dark.css); + +/* APP VARS */ +:root { + --spinner: invert(35%) sepia(12%) saturate(4%) hue-rotate(2deg) brightness(104%) contrast(86%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ +} \ No newline at end of file diff --git a/CSS/themes/petio/dracula.css b/CSS/themes/petio/dracula.css index 4bf5a3b7..476f2a07 100644 --- a/CSS/themes/petio/dracula.css +++ b/CSS/themes/petio/dracula.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/petio/petio-base.css);@import url(https://theme-park.dev/CSS/variables/dracula.css);:root{--spinner:invert(79%) sepia(27%) saturate(1033%) hue-rotate(74deg) brightness(104%) contrast(96%)} \ No newline at end of file + +/* 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 */ + +/* PETIO DRACULA THEME */ +@import url(https://theme-park.dev/CSS/themes/petio/petio-base.css); +@import url(https://theme-park.dev/CSS/variables/dracula.css); + +/* APP VARS */ +:root { + --spinner: invert(79%) sepia(27%) saturate(1033%) hue-rotate(74deg) brightness(104%) contrast(96%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ +} \ No newline at end of file diff --git a/CSS/themes/petio/hotline.css b/CSS/themes/petio/hotline.css index ade212a2..49f5cf19 100644 --- a/CSS/themes/petio/hotline.css +++ b/CSS/themes/petio/hotline.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/petio/petio-base.css);@import url(https://theme-park.dev/CSS/variables/hotline.css);:root{--spinner:invert(32%) sepia(35%) saturate(3786%) hue-rotate(341deg) brightness(100%) contrast(92%)} \ No newline at end of file + +/* 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 */ + +/* PETIO HOTLINE THEME */ +@import url(https://theme-park.dev/CSS/themes/petio/petio-base.css); +@import url(https://theme-park.dev/CSS/variables/hotline.css); + +/* APP VARS */ +:root { + --spinner: invert(32%) sepia(35%) saturate(3786%) hue-rotate(341deg) brightness(100%) contrast(92%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ +} \ No newline at end of file diff --git a/CSS/themes/petio/organizr-dark.css b/CSS/themes/petio/organizr-dark.css index 0bb105bc..8732f60e 100644 --- a/CSS/themes/petio/organizr-dark.css +++ b/CSS/themes/petio/organizr-dark.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/petio/petio-base.css);@import url(https://theme-park.dev/CSS/variables/organizr-dark.css);:root{--spinner:invert(65%) sepia(83%) saturate(2026%) hue-rotate(167deg) brightness(90%) contrast(97%)} \ No newline at end of file + +/* 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 */ + +/* PETIO ORGANIZR-DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/petio/petio-base.css); +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); + +/* APP VARS */ +:root { + --spinner: invert(65%) sepia(83%) saturate(2026%) hue-rotate(167deg) brightness(90%) contrast(97%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ +} \ No newline at end of file diff --git a/CSS/themes/petio/petio-base.css b/CSS/themes/petio/petio-base.css index 4a9ef026..7a873059 100644 --- a/CSS/themes/petio/petio-base.css +++ b/CSS/themes/petio/petio-base.css @@ -1 +1,502 @@ -*{outline:0}body{background:var(--main-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;color:var(--text)}.card .text-wrap .year,.media-content .media-crew .crew-credit,.media-content .media-crew .sidebar--item a,.media-content .overview,.menu--item p,.sidebar--item .media-content .media-crew a,.sidebar--item p,p{color:var(--text)}.card .text-wrap .title,.main-title,.media-details .media-title,.person--details p,.settings--menu--item p,.single-title,.sub-title,.text-wrap>p,.widget--title,h1,h2,h3,h4,h5,h6{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{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))}.menu .logo span,.sidebar--inner .logo .logo-text 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))}.media-content .media-crew .sidebar--item.active a,.menu--item.active p,.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))}.menu--item:hover .icon svg path,.menu--item:hover p,.sidebar--item:hover .icon svg path,.sidebar--item:hover p{color:rgb(var(--accent-color));fill:rgb(var(--accent-color))}.menu--item .icon svg path,.sidebar--item .icon svg path{fill:var(--text)}.filter--comparison,.filter--item--collapse,.person--bio--read-more,.profile-page .logout,.session--toggle,.table-action,a,p a{color:var(--link-color)}.filter--comparison:hover,.filter--item--collapse:hover,.person--bio--read-more:hover,.profile-page .logout:hover,.session--toggle:hover,.table-action:hover,a:hover,p a:hover{color:var(--link-color-hover)}.widget--item hr{background:rgb(255 255 255 / 50%)}.sr--instance--inner,.widget--item--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(--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-blue,.color-green,.color-orange,.color-red{background:rgb(0 0 0 / 25%);border-radius:5px;padding:0 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))}.session--media .card .playback-status,.session--prog{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}.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)}#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{border:2px solid #f55;background:#f55}.btn.good.btn__square:hover{border:2px solid #98ec1c;background:#98ec1c}.btn.blue.btn__square:hover{border:2px solid #3f9de0;background:#3f9de0}.media-trailer--close{background:var(--button-color)}.media-trailer--close:hover{background:var(--button-color-hover)}.requests--status__bad,.requests--status__blue,.requests--status__cinema,.requests--status__manual,.requests--status__orange,.requests--status__pending{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)}.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,.25)}.generic-table tr:not(.child):not(.sub) th:nth-child(2n),.generic-table tr:not(.child):not(.sub) th:nth-child(odd){background:0 0!important}.issues--inner,.modal--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}.issues--top,.modal--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}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)}.login-wrap input,input:not([type=checkbox]):not(.styled-input--input):not([type=file]){border-bottom:2px solid transparent;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 transparent!important}.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{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 +/* 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(--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/petio/plex.css b/CSS/themes/petio/plex.css index 1dcf44b3..c9477ad8 100644 --- a/CSS/themes/petio/plex.css +++ b/CSS/themes/petio/plex.css @@ -1 +1,20 @@ -@import url(https://theme-park.dev/CSS/themes/petio/petio-base.css);@import url(https://theme-park.dev/CSS/variables/plex.css);:root{--spinner:invert(0%) sepia(0%) saturate(100%) hue-rotate(0deg) brightness(100%) contrast(100%)} \ No newline at end of file +/* 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 */ + +/* PETIO PLEX THEME */ +@import url(https://theme-park.dev/CSS/themes/petio/petio-base.css); +@import url(https://theme-park.dev/CSS/variables/plex.css); + +/* APP VARS */ +:root { + --spinner: invert(0%) sepia(0%) saturate(100%) hue-rotate(0deg) brightness(100%) contrast(100%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ +} diff --git a/CSS/themes/petio/space-gray.css b/CSS/themes/petio/space-gray.css index d3e9cace..1cd845e6 100644 --- a/CSS/themes/petio/space-gray.css +++ b/CSS/themes/petio/space-gray.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/petio/petio-base.css);@import url(https://theme-park.dev/CSS/variables/space-gray.css);:root{--spinner:invert(50%) sepia(31%) saturate(341%) hue-rotate(155deg) brightness(88%) contrast(85%)} \ No newline at end of file + +/* 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 */ + +/* PETIO SPACE GRAY THEME */ +@import url(https://theme-park.dev/CSS/themes/petio/petio-base.css); +@import url(https://theme-park.dev/CSS/variables/space-gray.css); + +/* APP VARS */ +:root { + --spinner: invert(50%) sepia(31%) saturate(341%) hue-rotate(155deg) brightness(88%) contrast(85%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ +} \ No newline at end of file diff --git a/CSS/themes/pihole/aquamarine.css b/CSS/themes/pihole/aquamarine.css index ffeaf02b..12fa7841 100644 --- a/CSS/themes/pihole/aquamarine.css +++ b/CSS/themes/pihole/aquamarine.css @@ -1 +1,24 @@ -@import url(https://theme-park.dev/CSS/themes/pihole/pihole-base.css);:root{--main-bg-color:radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;--modal-bg-color:radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;--button-color:#009688;--button-color-hover:#12afa0;--accent-color:#009688;--accent-color-hover:#12afa0;--link-color:#12afa0} \ No newline at end of file +/* 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 */ + +/* PI-HOLE AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/pihole/pihole-base.css); +:root { + --main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; + --modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; + + --button-color: #009688; + --button-color-hover: #12afa0; + --accent-color: #009688; + --accent-color-hover: #12afa0; + --link-color: #12afa0; +} \ No newline at end of file diff --git a/CSS/themes/pihole/dark.css b/CSS/themes/pihole/dark.css index 80dd9091..233bc23e 100644 --- a/CSS/themes/pihole/dark.css +++ b/CSS/themes/pihole/dark.css @@ -1 +1,24 @@ -@import url(https://theme-park.dev/CSS/themes/pihole/pihole-base.css);: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;--button-color:hsla(0,0%,100%,.15);--button-color-hover:hsla(0,0%,100%,.30);--accent-color:rgba(255, 255, 255, 0.5);--accent-color-hover:rgba(255, 255, 255, 0.45);--queue-color:rgba(255, 255, 255, 0.45)} \ No newline at end of file +/* 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 */ + +/* PI-HOLE DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/pihole/pihole-base.css); +: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; + + --button-color: hsla(0,0%,100%,.15); + --button-color-hover: hsla(0,0%,100%,.30); + --accent-color: rgba(255, 255, 255, 0.5); + --accent-color-hover: rgba(255, 255, 255, 0.45); + --queue-color: rgba(255, 255, 255, 0.45);; + } \ No newline at end of file diff --git a/CSS/themes/pihole/hotline.css b/CSS/themes/pihole/hotline.css index b942a06d..4920a300 100644 --- a/CSS/themes/pihole/hotline.css +++ b/CSS/themes/pihole/hotline.css @@ -1 +1,24 @@ -@import url(https://theme-park.dev/CSS/themes/pihole/pihole-base.css);:root{--main-bg-color:radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;--modal-bg-color:radial-gradient(ellipse at 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);--accent-color:#F44336;--accent-color-hover:#0b3161;--link-color:#fd534a} \ No newline at end of file +/* 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 */ + +/* PI-HOLE HOTLINE THEME */ +@import url(https://theme-park.dev/CSS/themes/pihole/pihole-base.css); +:root { + --main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; + --modal-bg-color: radial-gradient(ellipse at 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); + --accent-color: #F44336; + --accent-color-hover: #0b3161; + --link-color: #fd534a; +} \ No newline at end of file diff --git a/CSS/themes/pihole/organizr-dark.css b/CSS/themes/pihole/organizr-dark.css index 15590b1c..0421a6e4 100644 --- a/CSS/themes/pihole/organizr-dark.css +++ b/CSS/themes/pihole/organizr-dark.css @@ -1 +1,23 @@ -@import url(https://theme-park.dev/CSS/themes/pihole/pihole-base.css);:root{--main-bg-color:#1f1f1f;--modal-bg-color:#1b1b1b;--button-color:#2cabe3;--button-color-hover:rgb(44 171 227 / .8);--accent-color:#2cabe3;--accent-color-hover:white} \ No newline at end of file +/* 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 */ + +/* PI-HOLE ORGANIZR-DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/pihole/pihole-base.css); +:root { + --main-bg-color: #1f1f1f; + --modal-bg-color: #1b1b1b; + + --button-color: #2cabe3; + --button-color-hover: rgb(44 171 227 / .8); + --accent-color: #2cabe3; + --accent-color-hover: white; + } diff --git a/CSS/themes/pihole/pihole-base.css b/CSS/themes/pihole/pihole-base.css index fd661072..6fb38d39 100644 --- a/CSS/themes/pihole/pihole-base.css +++ b/CSS/themes/pihole/pihole-base.css @@ -1 +1,547 @@ -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:#eee!important}a{color:var(--link-color)}.treeview-menu>li.active>a,.treeview-menu>li>a:hover,a:active,a:focus,a:hover{color:var(--accent-color)!important}h4{color:var(--accent-color)}.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:#fff!important}.navbar-nav>.user-menu>.dropdown-menu>.user-footer{background-color:transparent}.main-header .logo,.main-header .navbar,.skin-blue .main-header .logo,.skin-blue .main-header .navbar{background-color:rgba(0,0,0,.25)}.sidebar-menu>li.active>a,.sidebar-menu>li:hover>a,.skin-blue .main-header .logo:hover,.skin-blue .main-header .navbar .sidebar-toggle:hover{background-color:rgba(255,255,255,.05);color:#fff!important}.main-footer{background:rgba(0,0,0,.25);color:#eee;border-top:1px solid rgb(255 255 255 / 20%)}.skin-blue .sidebar a{color:#eee}.skin-blue .sidebar a:hover{color:#fff!important}.left-side,.main-sidebar,.skin-blue .left-side,.skin-blue .main-sidebar,.skin-blue .wrapper,.wrapper{background-color:rgba(0,0,0,.25)!important}.sidebar-menu>li.header,.skin-blue .sidebar-menu>li.header{color:#fff;background:rgba(0,0,0,.2)}.treeview-menu>li>a{color:#eee!important}.sidebar-menu>li>.treeview-menu{background-color:rgb(0 0 0 / 25%)}.sidebar-menu>li.active>a,.sidebar-menu>li:hover>a,.skin-blue .sidebar-menu>li.active>a,.skin-blue .sidebar-menu>li:hover>a{color:#fff;background:rgba(0,0,0,.1);border-left-color:var(--accent-color)}.skin-blue .sidebar-menu>li>.treeview-menu{background:rgba(0,0,0,.25)}.skin-blue .treeview-menu>li>a{color:#eee}@media (min-width:768px){.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu,.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right){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:#eee}}.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:#ddd}.main-footer .nav-tabs,.nav-tabs-custom .nav-tabs{background-color:rgb(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:#eee;border-top-color:var(--accent-color)}.nav-tabs-custom>.nav-tabs>li:hover>a{background-color:rgba(255,255,255,.05)}.box-header{color:#fff}.box{background:rgba(0,0,0,.24);border-top:3px solid #0000;box-shadow:0 1px 1px rgba(0,0,0,.1)}.box-solid>.box-header,.box>.box-header{color:#eee;background-color:rgba(0,0,0,.25)}.box.box-warning{border-top-color:var(--accent-color)}.small-box.bg-green{background-color:rgba(0,166,90,.45)!important;border-top:3px solid var(--accent-color)}.small-box.bg-aqua{background-color:rgba(0,192,239,.45)!important;border-top:3px solid var(--accent-color)}.small-box.bg-yellow{background-color:rgba(243,156,18,.45)!important;border-top:3px solid var(--accent-color)}.small-box.bg-red{background-color:rgba(221,75,57,.45)!important;border-top:3px solid var(--accent-color)}.table-bordered{border:1px solid #f4f4f41a!important;background:rgba(0,0,0,.1)}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid rgba(255,255,255,.15)}.table-striped>tbody>tr:nth-of-type(odd){background-color:rgba(255,255,255,.1)}.text-black{color:#eee!important}.dataTables_paginate .pagination li>a,.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:rgba(238,238,238,.5);background-color:rgba(255,255,255,.1);border-color:#ddd0}.paginate_button .active #all-queries_wrapper .pagination>li>a,.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{color:#fff;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:#fff!important;background-color:var(--button-color-hover);border-color:var(--button-color-hover)}.pagination>li>a{background:rgba(0,0,0,.25);color:#eee;border:1px solid rgba(255,255,255,.07)}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:#fff!important;background-color:rgba(255,255,255,.25);border-color:rgba(255,255,255,.07)}.panel-default{border-color:transparent;background:rgba(0,0,0,.25)}.panel-default>.panel-heading{color:#eee;background-color:inherit;border-color:transparent}.panel,.panel-body,.panel-default>.panel-heading{background-color:rgb(0 0 0 / 25%);border-radius:0;border:1px solid transparent;color:#bec5cb}.nav-tabs-custom{background:rgba(0,0,0,.25)}.nav-tabs-custom>.tab-content{background:0 0}.nav-tabs-custom>.nav-tabs>li.active{border-top-color:var(--accent-color)}.nav-tabs-custom>.nav-tabs>li.active>a{border-top-color:transparent;border-left-color:rgba(255,255,255,.1);border-right-color:rgba(255,255,255,.1)}.nav-tabs-custom>.nav-tabs>li.active:hover>a,.nav-tabs-custom>.nav-tabs>li.active>a{background-color:rgba(0,0,0,.25);color:#eee!important}.nav-tabs-custom>.nav-tabs>li>a{color:#eee!important;border-radius:0}.input-group .input-group-addon{border-radius:0;border-color:#d2d6de00;background-color:var(--accent-color);color:#eee}.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:#eee!important}.btn-default,button{background-color:var(--button-color)!important;border:1px solid var(--button-color)!important;color:#fff!important}.btn-primary.hover,.btn-primary:active,.btn-primary:hover{background-color:var(--button-color-hover)!important}.btn-default.hover,.btn-default:active,.btn-default:hover{background-color:var(--button-color-hover)!important}.box.box-solid>.box-header .btn:hover,.box.box-solid>.box-header a:hover{background:var(--button-color-hover)!important;border:1px solid transparent!important}.box.box-solid.box-info,.box.box-solid.box-info>.box-header{color:#fff;background:var(--button-color)!important;border:1px solid var(--button-color)!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}.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}.box-footer,.datatables_processing,.form-control,input,pre{background:#080909;border:1px solid #666;color:#b2b2b2}.dataTables_wrapper input[type=search]{background-color:#fff;color:#000}.daterangepicker select.ampmselect,.daterangepicker select.hourselect,.daterangepicker select.minuteselect,.daterangepicker select.secondselect,.form-control,.form-group .input-group-addon,.form-group input,.form-group textarea,.input-group .input-group-addon,.input-group input,.input-group textarea,div.dataTables_wrapper div.dataTables_length select,input,select,select.form-control{background-color:rgb(0 0 0 / .25);color:#eee;border:1px solid rgb(255 255 255 / 15%)}.form-control:focus{border-color:rgb(255 255 255 / .25);box-shadow:none}::-webkit-scrollbar{width:0}::-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 + /* 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; + color: #eee !important; + } + + a { + color: var(--link-color); + } + + a:hover, + a:active, + a:focus, + .treeview-menu>li.active>a, + .treeview-menu>li>a:hover { + color: var(--accent-color) !important; + } + + h4 { + color: 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: white !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, + .sidebar-menu>li.active>a { + background-color: rgba(255, 255, 255, .05); + color: white !important; + } + + /* Footer */ + .main-footer { + background: rgba(0, 0, 0, .25); + color: #eee; + border-top: 1px solid rgb(255 255 255 / 20%); + } + + /* Side bar */ + .skin-blue .sidebar a { + color: #eee; + } + + .skin-blue .sidebar a:hover { + color: white !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: white; + background: rgba(0, 0, 0, .2); + } + + .treeview-menu>li>a { + color: #eee !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: #fff; + background: rgba(0, 0, 0, .1); + border-left-color: var(--accent-color); + } + + .skin-blue .sidebar-menu>li>.treeview-menu { + background: rgba(0, 0, 0, .25); + } + + .skin-blue .treeview-menu>li>a { + color: #eee; + } + + /* 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(--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: #eee; + } + } + + /* 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: #ddd; + } + + .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: #eee; + border-top-color: 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: white; + } + + .box { + background: rgba(0, 0, 0, .24); + border-top: 3px solid #0000; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); + } + + .box-solid>.box-header, + .box>.box-header { + color: #eee; + background-color: rgba(0, 0, 0, .25); + } + + .box.box-warning { + border-top-color: var(--accent-color); + } + + /* + .chart svg, .chart canvas, .chartjs-render-monitor, .chart-legend { + -webkit-filter: invert(100%); + filter: invert(100%); + } + #chartjs-tooltip { + filter: invert(100%); + } + .chart-legend ul { + -webkit-filter: invert(100%); + filter: invert(100%); + } + */ + /* Total queries box*/ + .small-box.bg-green { + background-color: rgba(0, 166, 90, .45) !important; + border-top: 3px solid var(--accent-color); + } + + /* Queries blocked box*/ + .small-box.bg-aqua { + background-color: rgba(0, 192, 239, .45) !important; + border-top: 3px solid var(--accent-color); + } + + /* Percent blocked box */ + .small-box.bg-yellow { + background-color: rgba(243, 156, 18, .45) !important; + border-top: 3px solid var(--accent-color); + } + + /*Blocklist box*/ + .small-box.bg-red { + background-color: rgba(221, 75, 57, .45) !important; + border-top: 3px solid var(--accent-color); + } + + .table-bordered { + border: 1px solid #f4f4f41a !important; + 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>.disabled>a, + .pagination>.disabled>a:focus, + .pagination>.disabled>a:hover, + .pagination>.disabled>span, + .pagination>.disabled>span:focus, + .pagination>.disabled>span:hover, + .dataTables_paginate .pagination li>a { + color: rgba(238, 238, 238, .5); + background-color: rgba(255, 255, 255, .1); + border-color: #ddd0; + } + + .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: #fff; + 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: #fff !important; + background-color: var(--button-color-hover); + border-color: var(--button-color-hover); + } + + .pagination>li>a { + background: rgba(0, 0, 0, 0.25); + color: #eee; + border: 1px solid rgba(255, 255, 255, 0.07); + } + + .pagination>li>a:focus, + .pagination>li>a:hover, + .pagination>li>span:focus, + .pagination>li>span:hover { + color: rgb(255, 255, 255) !important; + background-color: rgba(255, 255, 255, .25); + border-color: rgba(255, 255, 255, 0.07); + } + + /* Login */ + .panel-default { + border-color: transparent; + background: rgba(0, 0, 0, 0.25); + } + + .panel-default>.panel-heading { + color: #eee; + 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: #bec5cb; + } + + /* 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: 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: #eee !important; + } + + .nav-tabs-custom>.nav-tabs>li>a { + color: #eee !important; + border-radius: 0; + } + + .input-group .input-group-addon { + border-radius: 0; + border-color: #d2d6de00; + background-color: var(--accent-color); + color: #eee; + } + + /* 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: #eee !important; + } + + /* Buttons */ + button, + .btn-default { + background-color: var(--button-color) !important; + border: 1px solid var(--button-color) !important; + color: white !important; + } + + .btn-primary:hover, + .btn-primary:active, + .btn-primary.hover { + background-color: var(--button-color-hover) !important; + } + + .btn-default:hover, + .btn-default:active, + .btn-default.hover { + background-color: var(--button-color-hover) !important; + } + + .box.box-solid>.box-header .btn:hover, + .box.box-solid>.box-header a:hover { + background: var(--button-color-hover) !important; + border: 1px solid transparent !important + } + + .box.box-solid.box-info>.box-header, + .box.box-solid.box-info { + color: #fff; + background: var(--button-color) !important; + border: 1px solid var(--button-color) !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; + } + + .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: #080909; + border: 1px solid #666; + color: #b2b2b2; + } + + .dataTables_wrapper input[type="search"] { + background-color: #ffffff; + color: #000000; + } + + 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: #eee; + border: 1px solid rgb(255 255 255 / 15%); + } + + .form-control:focus { + border-color: rgb(255 255 255 / 0.25); + box-shadow: none; + } + + /* 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/pihole/plex.css b/CSS/themes/pihole/plex.css index ae01f517..c3c7f6d6 100644 --- a/CSS/themes/pihole/plex.css +++ b/CSS/themes/pihole/plex.css @@ -1 +1,24 @@ -@import url(https://theme-park.dev/CSS/themes/pihole/pihole-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;--link-color:#ffc107} \ No newline at end of file +/* 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 */ + +/* PI-HOLE PLEX THEME */ +@import url(https://theme-park.dev/CSS/themes/pihole/pihole-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; + --link-color: #ffc107; + } \ No newline at end of file diff --git a/CSS/themes/pihole/space-gray.css b/CSS/themes/pihole/space-gray.css index 6a72f963..653c2ab5 100644 --- a/CSS/themes/pihole/space-gray.css +++ b/CSS/themes/pihole/space-gray.css @@ -1 +1,24 @@ -@import url(https://theme-park.dev/CSS/themes/pihole/pihole-base.css);: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;--button-color:#607D8B;--button-color-hover:#81a6b7;--accent-color:#607D8B;--accent-color-hover:#81a6b7;--link-color:#81a6b7} \ No newline at end of file +/* 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 */ + +/* PI-HOLE SPACE GRAY THEME */ +@import url(https://theme-park.dev/CSS/themes/pihole/pihole-base.css); +: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; + + --button-color: #607D8B; + --button-color-hover: #81a6b7; + --accent-color: #607D8B; + --accent-color-hover: #81a6b7; + --link-color: #81a6b7; +} \ No newline at end of file diff --git a/CSS/themes/plex/aquamarine.css b/CSS/themes/plex/aquamarine.css index ff18c375..1f16a083 100644 --- a/CSS/themes/plex/aquamarine.css +++ b/CSS/themes/plex/aquamarine.css @@ -1 +1,20 @@ -@import url(https://theme-park.dev/CSS/themes/plex/plex-base.css);@import url(https://theme-park.dev/CSS/variables/aquamarine.css);:root{--poster-unwatched:#15D5C2} \ No newline at end of file +/* 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 */ + +/* PLEX AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/plex/plex-base.css); +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); + +/* APP VARS*/ +:root { + --poster-unwatched: #15D5C2; +} \ No newline at end of file diff --git a/CSS/themes/plex/dark.css b/CSS/themes/plex/dark.css index b1f93b30..0a854d71 100644 --- a/CSS/themes/plex/dark.css +++ b/CSS/themes/plex/dark.css @@ -1 +1,20 @@ -@import url(https://theme-park.dev/CSS/themes/plex/plex-base.css);@import url(https://theme-park.dev/CSS/variables/dark.css);:root{--poster-unwatched:#e5a00d} \ No newline at end of file +/* 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 */ + +/* PLEX DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/plex/plex-base.css); +@import url(https://theme-park.dev/CSS/variables/dark.css); + +/* APP VARS*/ +:root { + --poster-unwatched: #e5a00d; +} \ No newline at end of file diff --git a/CSS/themes/plex/dracula.css b/CSS/themes/plex/dracula.css index ac35fa12..bc83148e 100644 --- a/CSS/themes/plex/dracula.css +++ b/CSS/themes/plex/dracula.css @@ -1 +1,20 @@ -@import url(https://theme-park.dev/CSS/themes/plex/plex-base.css);@import url(https://theme-park.dev/CSS/variables/dracula.css);:root{--poster-unwatched:#bd93f9} \ No newline at end of file +/* 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 */ + +/* PLEX DRACULA THEME */ +@import url(https://theme-park.dev/CSS/themes/plex/plex-base.css); +@import url(https://theme-park.dev/CSS/variables/dracula.css); + +/* APP VARS*/ +:root { + --poster-unwatched: #bd93f9; +} \ No newline at end of file diff --git a/CSS/themes/plex/hotline.css b/CSS/themes/plex/hotline.css index dd7f684a..9399a79a 100644 --- a/CSS/themes/plex/hotline.css +++ b/CSS/themes/plex/hotline.css @@ -1 +1,20 @@ -@import url(https://theme-park.dev/CSS/themes/plex/plex-base.css);@import url(https://theme-park.dev/CSS/variables/hotline.css);:root{--poster-unwatched:#FB3122} \ No newline at end of file +/* 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 */ + +/* PLEX HOTLINE THEME */ +@import url(https://theme-park.dev/CSS/themes/plex/plex-base.css); +@import url(https://theme-park.dev/CSS/variables/hotline.css); + +/* APP VARS*/ +:root { + --poster-unwatched: #FB3122; +} \ No newline at end of file diff --git a/CSS/themes/plex/organizr-dark.css b/CSS/themes/plex/organizr-dark.css index 7084e578..09edc601 100644 --- a/CSS/themes/plex/organizr-dark.css +++ b/CSS/themes/plex/organizr-dark.css @@ -1 +1,20 @@ -@import url(https://theme-park.dev/CSS/themes/plex/plex-base.css);@import url(https://theme-park.dev/CSS/variables/organizr-dark.css);:root{--poster-unwatched:#2cabe3} \ No newline at end of file +/* 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 */ + +/* PLEX ORGANIZR-DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/plex/plex-base.css); +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); + +/* APP VARS*/ +:root { + --poster-unwatched: #2cabe3; + } \ No newline at end of file diff --git a/CSS/themes/plex/plex-base.css b/CSS/themes/plex/plex-base.css index 78cbf9a1..031813d8 100644 --- a/CSS/themes/plex/plex-base.css +++ b/CSS/themes/plex/plex-base.css @@ -1 +1,645 @@ -*{outline:0}[class*=ClaimedServer-messageHeader-],[class*=MetadataPosterCardTitle-isSecondary-],[class*=MetadataPosterCardTitle-isSecondary-] a,[class*=PrePlaySummary-summary-],body,label,p{color:var(--text)!important}[class*=Link-default-],[class*=PrePlayTertiaryTitle-tertiaryTitle-],[class*=SourceSidebarLink-sourceLink-],[class*=SourceSidebarLink-title-]{color:var(--text)}[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,[class*=CollapsibleText-readMore-],[class*=FormLabel-label-],[class*=HubTitle-hubTitle-],[class*=MenuHeader-menuHeader-WuKJVD],[class*=PageHeader-pageHeader-],[class*=PageHeaderTitle-title-],[class*=PrePlayDetailsGroupItem-label-],[class*=PrePlayLeftTitle-leftTitle-],[class*=PrePlayPrimaryTitle-primaryTitle-],[class*=PrePlayPrimaryTitle-primaryTitle-] a,[class*=ServerDashboardPageHeader-headerTitle-],[class*=SidebarList-sidebarListHeader-],h1,h2,h3,h4,h5,h6{color:var(--text-hover)!important}.text-muted{color:var(--text-muted)}[class*=Link-isSelected-],[class*=Link-primary-],[class*=MetadataPosterCardTitle-title-] a,[class*=PrePlayDetailsGroupItem-groupItem-] a,[class*=PrePlayTagListLink-tagsListLink-][class*=Link-default-],a,a[class*=MetadataPosterCardTitle-title-]{color:var(--link-color)}.artwork-file-container:hover a,[class*=Link-link-]:hover,[class*=MetadataPosterCardTitle-title-] a:hover,a:hover,a[class*=MetadataPosterCardTitle-title-]:hover{color:var(--link-color-hover)}[class*=".MetadataTableRow-title-"] a:hover,[class*=MetadataPosterCardTitle-title-][class*=MetadataPosterCardTitle-isSecondary-377V8A] [class*=Link-link-1Kt-hA]:hover,[class*=MetadataPosterCardTitle-title-][class*=MetadataPosterCardTitle-isSecondary-377V8A]:hover,a[class*=MetadataTableRow-title-]:hover{color:var(--text-hover)!important}[class*=TopUsersCell-playHistoryLink-][class*=Link-link-]{color:var(--label-text-color)!important}#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),[class*=FullPageBackground-backgroundContainer-] [class*=CrossFadeImage-crossFade-]{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%)}[class*=SourceSidebarLink-isSelected-]{box-shadow:inset 2px 0 0 0 rgb(var(--accent-color));background:rgb(var(--accent-color),.05)}[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))}[class*=NavBar-container-]{background:rgba(0,0,0,.25)!important}[class*=NavBarActivityButton-isHighlighted-] [class*=NavBarActivityButton-activityIcon-]{color:rgb(var(--accent-color))}.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}[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)}[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*=MultiSelectPageHeader-selectedTitle-],[class*=PageHeaderMultiselectActions-container-],[class*=PageHeaderMultiselectActions-count-],[class*=PageHeaderTabButton-isSelected-],[class*=PageHeaderTabDropdown-isSelected-],[class*=PageHeaderTitle-detail-],[class*=PivotTab-selectedButton-],[class*=PivotTabDropdown-isSelected-]{color:rgb(var(--accent-color));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*=MetadataPosterCard-legacyUnwatchedEpisodesBadge-],[class*=MetadataPosterCard-legacyUnwatchedTag-],[class*=MetadataPosterCardOverlay-unplayedBadge-],[class*=MetadataPosterCardOverlay-versionBadge-]{background-color:var(--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*=MetadataPosterCard-hoveredSelectedLink-],[class*=MetadataPosterCard-selectedLink-],[class*=MetadataPosterCardFace-isSelected-]{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*=MetadataPosterCardProgressBar-bar-],[class*=PosterCardOverlayProgress-progressBar-],[class*=SeekBar-seekBarFill-],[class*=SessionTile-playProgressPercent-],[class*=VolumeSlider-fill-]{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*=IconButton-isActive-],[class*=SelectedMenuItem-isSelected-],[class*=SelectedMenuItem-isSelected-] [class*=SelectedMenuItem-selectedIcon-]{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))}[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:0}.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)}.files ul li,.well{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)}.btn-primary{border-color:var(--button-color);color:#fff;background-color:var(--button-color);-webkit-transition:background-color .1s;transition:background-color .1s}.btn-primary:focus,.btn-primary:hover{color:#fff;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:#fff;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)}.selectize-control.multi .selectize-input>div,[class*=Button-primary-]{background-color:var(--button-color);color:var(--button-text)}.selectize-control.multi .selectize-input>div.active,[class*=Button-primary-]:hover{background-color:var(--button-color-hover);color:var(--button-text-hover)}.selectize-dropdown,.selectize-dropdown.form-control,[class*=Menu-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}[class*=ServerMenuItem-selectedIcon-],[class*=ServerMenuItem-selectedServerMenuItem-]{color:rgb(var(--accent-color))}[class*=Tooltip-tooltip-]{background-color:var(--button-color);color:#fff}[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)}[class*=ServerDashboardPageSection-section-],[class*=SettingsFormSection-sectionWrapper-],hr{border-top:2px solid rgb(255 255 255 / 30%)}[class*=ClaimedServer-container-],[class*=SettingsFormSection-sectionWrapper-]:last-of-type{border-bottom:2px solid rgb(255 255 255 / 30%)}.alerts-container .page-count{margin-right:15px;font-size:14px;color:var(--text);vertical-align:top}.filter-bar .dropdown.open>a{color:rgb(var(--accent-color))}[class*=TableHeaderTitle-tableHeaderTitle-]{color:var(--text-hover)} \ No newline at end of file +/* 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*="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, +.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*="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*="PivotTabDropdown-isSelected-"], +[class*="PageHeaderTitle-detail-"] { + color: rgb(var(--accent-color)); + 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(--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: #fff; + background-color: var(--button-color); + -webkit-transition: background-color .1s; + transition: background-color .1s; +} + +.btn-primary:focus, +.btn-primary:hover { + color: #fff; + 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: #fff; + 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: #fff; +} + +[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); +} \ No newline at end of file diff --git a/CSS/themes/plex/space-gray.css b/CSS/themes/plex/space-gray.css index 42a06e6f..717a1324 100644 --- a/CSS/themes/plex/space-gray.css +++ b/CSS/themes/plex/space-gray.css @@ -1 +1,20 @@ -@import url(https://theme-park.dev/CSS/themes/plex/plex-base.css);@import url(https://theme-park.dev/CSS/variables/space-gray.css);:root{--poster-unwatched:#70aeca} \ No newline at end of file +/* 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 */ + +/* PLEX AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/plex/plex-base.css); +@import url(https://theme-park.dev/CSS/variables/space-gray.css); + +/* APP VARS*/ +:root { + --poster-unwatched: #70aeca; +} \ No newline at end of file diff --git a/CSS/themes/plpp/aquamarine.css b/CSS/themes/plpp/aquamarine.css index eaf4b665..281b5293 100644 --- a/CSS/themes/plpp/aquamarine.css +++ b/CSS/themes/plpp/aquamarine.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/plpp/plpp-base.css);:root{--main-bg-color:radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;--modal-bg-color:radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;--button-color:radial-gradient(ellipse at center, #3F51B5 0%, #009688 100%) center center/cover no-repeat fixed;--button-color-hover:radial-gradient(ellipse at center, #5066e0 0%, #01ccb9 100%) center center/cover no-repeat fixed} \ No newline at end of file + +/* 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 */ + +/* PLPP AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/plpp/plpp-base.css); +:root { + --main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; + --modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; + --button-color: radial-gradient(ellipse at center, #3F51B5 0%, #009688 100%) center center/cover no-repeat fixed; + --button-color-hover: radial-gradient(ellipse at center, #5066e0 0%, #01ccb9 100%) center center/cover no-repeat fixed; +} diff --git a/CSS/themes/plpp/dark.css b/CSS/themes/plpp/dark.css index 3bae39be..4bc05409 100644 --- a/CSS/themes/plpp/dark.css +++ b/CSS/themes/plpp/dark.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/plpp/plpp-base.css);: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;--button-color:#cc7b19;--button-color-hover:#e59029} \ No newline at end of file + +/* 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 */ + +/* PLPP DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/plpp/plpp-base.css); +: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; + --button-color: #cc7b19; + --button-color-hover: #e59029; +} \ No newline at end of file diff --git a/CSS/themes/plpp/hotline.css b/CSS/themes/plpp/hotline.css index 73d3749f..7743bfde 100644 --- a/CSS/themes/plpp/hotline.css +++ b/CSS/themes/plpp/hotline.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/plpp/plpp-base.css);:root{--main-bg-color:radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;--modal-bg-color:radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;--button-color:radial-gradient(ellipse at center, #F44336 0%, #3F51B5 100%) center center/cover no-repeat fixed;--button-color-hover:radial-gradient(ellipse at center, #fb6054 0%, #5269e6 100%) center center/cover no-repeat fixed} \ No newline at end of file + +/* 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 */ + +/* PLPP HOTLINE THEME */ +@import url(https://theme-park.dev/CSS/themes/plpp/plpp-base.css); +:root { + --main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; + --modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; + --button-color: radial-gradient(ellipse at center, #F44336 0%, #3F51B5 100%) center center/cover no-repeat fixed; + --button-color-hover: radial-gradient(ellipse at center, #fb6054 0%, #5269e6 100%) center center/cover no-repeat fixed; +} \ No newline at end of file diff --git a/CSS/themes/plpp/organizr-dark.css b/CSS/themes/plpp/organizr-dark.css index a109bd40..f132ee67 100644 --- a/CSS/themes/plpp/organizr-dark.css +++ b/CSS/themes/plpp/organizr-dark.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/plpp/plpp-base.css);:root{--main-bg-color:#1f1f1f;--modal-bg-color:#1b1b1b;--button-color:#2cabe3;--button-color-hover:rgb(44 171 227 / .8)} \ No newline at end of file + +/* 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 */ + +/* PLPP ORGANIZR-DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/plpp/plpp-base.css); +:root { + --main-bg-color: #1f1f1f; + --modal-bg-color: #1b1b1b; + --button-color: #2cabe3; + --button-color-hover: rgb(44 171 227 / .8); +} \ No newline at end of file diff --git a/CSS/themes/plpp/plex.css b/CSS/themes/plpp/plex.css index b4b0e08a..2fadf08b 100644 --- a/CSS/themes/plpp/plex.css +++ b/CSS/themes/plpp/plex.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/plpp/plpp-base.css);:root{--main-bg-color:url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"),url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-light2.png") center center/cover no-repeat fixed;--modal-bg-color:url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"),url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-dark2.png") center center/cover no-repeat fixed;--button-color:#cc7b19;--button-color-hover:#e59029} \ No newline at end of file + +/* 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 */ + +/* PLPP PLEX THEME */ +@import url(https://theme-park.dev/CSS/themes/plpp/plpp-base.css); +:root { + --main-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-light2.png") center center/cover no-repeat fixed; + --modal-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-dark2.png") center center/cover no-repeat fixed; + --button-color: #cc7b19; + --button-color-hover: #e59029; +} \ No newline at end of file diff --git a/CSS/themes/plpp/plpp-base.css b/CSS/themes/plpp/plpp-base.css index c95966a5..abfe7090 100644 --- a/CSS/themes/plpp/plpp-base.css +++ b/CSS/themes/plpp/plpp-base.css @@ -1 +1,284 @@ -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%}@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,.08)}.navbar-inverse{background-color:rgba(0,0,0,.6);border-color:transparent}.side-nav{background-color:rgba(0,0,0,.15)}.navbar-inverse .navbar-nav>li>a{color:hsla(0,0%,100%,.7)}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{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}.breadcrumb>.active,.panel,.panel-default>.panel-heading{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 transparent}.plpp_table.even:hover,.plpp_table.odd:hover{background-color:hsla(0,0%,100%,.08)!important}.panel-heading{font-weight:700}.plpp_slider_Artist:hover,.plpp_slider_Dimensions:hover,.plpp_slider_Duration:hover,.plpp_slider_Episode_Count:hover,.plpp_slider_Episode_Title:hover,.plpp_slider_Episode_no:hover,.plpp_slider_Season_Title:hover,.plpp_slider_Show_Title:hover,.plpp_slider_Title:hover,.plpp_slider_Track_Count:hover,.plpp_slider_Track_no:hover,.plpp_slider_Year:hover,.plpp_thumbs_Artist:hover,.plpp_thumbs_Dimensions:hover,.plpp_thumbs_Duration:hover,.plpp_thumbs_Episode_Count:hover,.plpp_thumbs_Episode_No:hover,.plpp_thumbs_Episode_Title:hover,.plpp_thumbs_Season_Title:hover,.plpp_thumbs_Show_Title:hover,.plpp_thumbs_Title:hover,.plpp_thumbs_Track_Count:hover,.plpp_thumbs_Track_no:hover,.plpp_thumbs_Year:hover{text-decoration:underline}.img-rounded{border-radius:0}.img-rounded:hover{border-radius:0;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}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>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,.25)}.table,table{color:hsla(0,0%,100%,.7)}.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,.15)}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid rgba(255,255,255,.15)}.pagination>li>a,.pagination>li>span{color:#fff;background-color:rgba(0,0,0,.25);border:transparent}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#bdbdbd;background-color:rgba(0,0,0,.25);border:transparent;cursor:not-allowed}.modal-footer,.modal-header,div.modal-body{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}.btn-default{background-color:var(--button-color);border-color:transparent}.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover,.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 +/* 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/plpp/space-gray.css b/CSS/themes/plpp/space-gray.css index 375a5388..c1fb2ad1 100644 --- a/CSS/themes/plpp/space-gray.css +++ b/CSS/themes/plpp/space-gray.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/plpp/plpp-base.css);: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;--button-color:#607D8B;--button-color-hover:#81a6b7} \ No newline at end of file + +/* 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 */ + +/* PLPP SPACE GRAY THEME */ +@import url(https://theme-park.dev/CSS/themes/plpp/plpp-base.css); +: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; + --button-color: #607D8B; + --button-color-hover: #81a6b7; +} diff --git a/CSS/themes/portainer/aquamarine.css b/CSS/themes/portainer/aquamarine.css index 4accf66f..6561d569 100644 --- a/CSS/themes/portainer/aquamarine.css +++ b/CSS/themes/portainer/aquamarine.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/portainer/portainer-base.css);@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file + +/* 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 */ + +/* PORTAINER AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/portainer/portainer-base.css); +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file diff --git a/CSS/themes/portainer/dark.css b/CSS/themes/portainer/dark.css index 7fec0a15..5610bec4 100644 --- a/CSS/themes/portainer/dark.css +++ b/CSS/themes/portainer/dark.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/portainer/portainer-base.css);@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file + +/* 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 */ + +/* PORTAINER DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/portainer/portainer-base.css); +@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file diff --git a/CSS/themes/portainer/dracula.css b/CSS/themes/portainer/dracula.css index 1038f160..cb41b14d 100644 --- a/CSS/themes/portainer/dracula.css +++ b/CSS/themes/portainer/dracula.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/portainer/portainer-base.css);@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file + +/* 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 */ + +/* PORTAINER DRACULA THEME */ +@import url(https://theme-park.dev/CSS/themes/portainer/portainer-base.css); +@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file diff --git a/CSS/themes/portainer/hotline.css b/CSS/themes/portainer/hotline.css index d104400f..723f99b5 100644 --- a/CSS/themes/portainer/hotline.css +++ b/CSS/themes/portainer/hotline.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/portainer/portainer-base.css);@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file + +/* 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 */ + +/* PORTAINER HOTLINE THEME */ +@import url(https://theme-park.dev/CSS/themes/portainer/portainer-base.css); +@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file diff --git a/CSS/themes/portainer/organizr-dark.css b/CSS/themes/portainer/organizr-dark.css index 3fbdfb7f..072d7f25 100644 --- a/CSS/themes/portainer/organizr-dark.css +++ b/CSS/themes/portainer/organizr-dark.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/portainer/portainer-base.css);@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file + +/* 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 */ + +/* PORTAINER ORGANIZR-DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/portainer/portainer-base.css); +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file diff --git a/CSS/themes/portainer/plex.css b/CSS/themes/portainer/plex.css index 31250190..c887b325 100644 --- a/CSS/themes/portainer/plex.css +++ b/CSS/themes/portainer/plex.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/portainer/portainer-base.css);@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file + +/* 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 */ + +/* PORTAINER PLEX THEME */ +@import url(https://theme-park.dev/CSS/themes/portainer/portainer-base.css); +@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file diff --git a/CSS/themes/portainer/portainer-base.css b/CSS/themes/portainer/portainer-base.css index 2fe42f66..a87b722e 100644 --- a/CSS/themes/portainer/portainer-base.css +++ b/CSS/themes/portainer/portainer-base.css @@ -1 +1,712 @@ -@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:0!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)}.motd-body{background-color:rgba(255,255,255,.15)!important}.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}#sidebar-wrapper{background:rgba(0,0,0,.25)}.sidebar-header{background:rgba(0,0,0,.25)}ul.sidebar .sidebar-list a.active{color:rgb(var(--accent-color));background:rgba(255,255,255,.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-lista.active),ul.sidebar .sidebar-main a{background:rgba(255,255,255,.15);color:var(--text-hover)}#page-wrapper:not(.open) ul.sidebar .sidebar-list a:hover span,ul.sidebar .sidebar-list a:hover{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)}.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}.widget{background:rgba(0,0,0,.25);border-color:transparent}.widget .widget-body table thead{background:rgba(0,0,0,.25)}.widget .widget-header{color:var(--text-hover);background-color:rgba(0,0,0,.25);border-bottom:1px solid transparent}.datatable .toolBar{background:rgba(0,0,0,.25)}.datatable .footer{background:rgba(0,0,0,.25);color:var(--text)}.blocklist-item--selected,.blocklist-item:hover{background-color:rgba(255,255,255,.15);color:var(--text)}.datatable .actionBar,.datatable .toolBar{color:var(--text)}.datatable .searchIcon{color:var(--text)}.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,.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,.1)}.table .table{background-color:rgba(255,255,255,.08)}.label-default{color:var(--label-text-color);background-color:rgb(var(--accent-color))}.btn-danger:hover{color:#fff!important;background-color:#c9302c!important;border-color:#ac2925!important}.btn-default,.btn-primary{color:var(--button-text);background-color:var(--button-color);border-color:var(--button-color)}.btn-default.active,.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default,.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-default:hover,.btn-primary: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:0}.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,.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:0 0;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:focus,.ui-select-bootstrap>.ui-select-match>.btn:hover{text-align:left!important;color:var(--button-text-hover);background-color:rgba(255,255,255,.25);border-color:#00000000}.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,.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{background-color:rgba(255,255,255,.15);border:1px solid transparent}.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:rgba(255,255,255,.15);border:1px solid transparent}.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,.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,.15)}.blocklist-item{border:1px solid transparent;-webkit-box-shadow:0 3px 10px -2px hsla(0,0%,0%,.5);box-shadow:0 3px 10px -2px hsla(0,0%,0%,.5)}.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,.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))}::-webkit-input-placeholder{color:#bbb}::-moz-placeholder{color:#bbb}:-ms-input-placeholder{color:#bbb}:-moz-placeholder{color:#bbb}.CodeMirror{background:rgba(255,255,255,.1);color:#fff}.CodeMirror-gutters{border-right:1px solid rgba(255,255,255,.25);background-color:rgba(0,0,0,.25);caret-color:#fff}.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))}.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,.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,.25)}.nav-tabs>li>a{border:1px solid transparent;background:rgba(0,0,0,.15)}.log_viewer{color:#fff;background-color:rgba(255,255,255,.1);border:1px solid transparent}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}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:var(--text);text-shadow:0 1px 0 var(--text);opacity:1}.close:focus,.close:hover{color:var(--text-hover);text-decoration:none;cursor:pointer;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))}.widget .widget-body table tbody{background-color:transparent!important;background:0 0!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} \ No newline at end of file +/* 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 */ + +/* 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; +} + +/* 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); +} + + +/* 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 */ + +.form-control { + background-color: rgba(255, 255, 255, 0.15); + border: 1px solid transparent; +} + +.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: rgba(255, 255, 255, 0.15); + 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)); +} + +/* PLACEHOLDER TEXT */ +::-webkit-input-placeholder { + /* Chrome/Opera/Safari */ + color: #bbb; +} + +::-moz-placeholder { + /* Firefox 19+ */ + color: #bbb; +} + +:-ms-input-placeholder { + /* IE 10+ */ + color: #bbb; +} + +:-moz-placeholder { + /* Firefox 18- */ + color: #bbb; +} + +/* 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; +} \ No newline at end of file diff --git a/CSS/themes/portainer/space-gray.css b/CSS/themes/portainer/space-gray.css index 1b60cfc4..f65f1d73 100644 --- a/CSS/themes/portainer/space-gray.css +++ b/CSS/themes/portainer/space-gray.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/portainer/portainer-base.css);@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file + +/* 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 */ + +/* LIDARR SPACE GRAY THEME */ +@import url(https://theme-park.dev/CSS/themes/portainer/portainer-base.css); +@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file diff --git a/CSS/themes/prowlarr/aquamarine.css b/CSS/themes/prowlarr/aquamarine.css index 501c00cd..10dff2cf 100644 --- a/CSS/themes/prowlarr/aquamarine.css +++ b/CSS/themes/prowlarr/aquamarine.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/prowlarr/prowlarr-base.css);@import url(https://theme-park.dev/CSS/variables/aquamarine.css);:root{--queue-color:#009688} \ No newline at end of file + +/* 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 */ + +/* PROWLARR AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/prowlarr/prowlarr-base.css); +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); + +/* APP VARS */ +:root { + --queue-color: #009688; +} diff --git a/CSS/themes/prowlarr/dark.css b/CSS/themes/prowlarr/dark.css index a437267b..3929cf56 100644 --- a/CSS/themes/prowlarr/dark.css +++ b/CSS/themes/prowlarr/dark.css @@ -1 +1,22 @@ -@import url(https://theme-park.dev/CSS/themes/prowlarr/prowlarr-base.css);@import url(https://theme-park.dev/CSS/variables/dark.css);:root{--queue-color:#6b5} \ No newline at end of file + +/* 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 */ + +/* PROWLARR DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/prowlarr/prowlarr-base.css); +@import url(https://theme-park.dev/CSS/variables/dark.css); + +/* APP VARS */ +:root { + --queue-color: #6b5; + + } \ No newline at end of file diff --git a/CSS/themes/prowlarr/dracula.css b/CSS/themes/prowlarr/dracula.css index eb5d62e3..7233bb0d 100644 --- a/CSS/themes/prowlarr/dracula.css +++ b/CSS/themes/prowlarr/dracula.css @@ -1 +1,22 @@ -@import url(https://theme-park.dev/CSS/themes/prowlarr/prowlarr-base.css);@import url(https://theme-park.dev/CSS/variables/dracula.css);:root{--queue-color:#50fa7b} \ No newline at end of file + +/* 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 */ + +/* PROWLARR DRACULA THEME */ +@import url(https://theme-park.dev/CSS/themes/prowlarr/prowlarr-base.css); +@import url(https://theme-park.dev/CSS/variables/dracula.css); + +/* APP VARS */ +:root { + --queue-color: #50fa7b; + +} diff --git a/CSS/themes/prowlarr/hotline.css b/CSS/themes/prowlarr/hotline.css index 33a5cc37..16e7ac02 100644 --- a/CSS/themes/prowlarr/hotline.css +++ b/CSS/themes/prowlarr/hotline.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/prowlarr/prowlarr-base.css);@import url(https://theme-park.dev/CSS/variables/hotline.css);:root{--queue-color:#6b5} \ No newline at end of file + +/* 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 */ + +/* PROWLARR HOTLINE THEME */ +@import url(https://theme-park.dev/CSS/themes/prowlarr/prowlarr-base.css); +@import url(https://theme-park.dev/CSS/variables/hotline.css); + +/* APP VARS */ +:root { + --queue-color: #6b5; +} \ No newline at end of file diff --git a/CSS/themes/prowlarr/organizr-dark.css b/CSS/themes/prowlarr/organizr-dark.css index a2ef2631..fd8bee18 100644 --- a/CSS/themes/prowlarr/organizr-dark.css +++ b/CSS/themes/prowlarr/organizr-dark.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/prowlarr/prowlarr-base.css);@import url(https://theme-park.dev/CSS/variables/organizr-dark.css);:root{--queue-color:#2cabe3} \ No newline at end of file + +/* 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 */ + +/* prowlarr ORGANIZR-DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/prowlarr/prowlarr-base.css); +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); + +/* APP VARS */ +:root { + --queue-color: #2cabe3; + } diff --git a/CSS/themes/prowlarr/plex.css b/CSS/themes/prowlarr/plex.css index f1cf509f..8d9f6586 100644 --- a/CSS/themes/prowlarr/plex.css +++ b/CSS/themes/prowlarr/plex.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/prowlarr/prowlarr-base.css);@import url(https://theme-park.dev/CSS/variables/plex.css);:root{--queue-color:#27c24c} \ No newline at end of file + +/* 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 */ + +/* prowlarr PLEX THEME */ +@import url(https://theme-park.dev/CSS/themes/prowlarr/prowlarr-base.css); +@import url(https://theme-park.dev/CSS/variables/plex.css); + +/* APP VARS */ +:root { + --queue-color: #27c24c; + } \ No newline at end of file diff --git a/CSS/themes/prowlarr/prowlarr-base.css b/CSS/themes/prowlarr/prowlarr-base.css index 41fff2dc..75bcb5c4 100644 --- a/CSS/themes/prowlarr/prowlarr-base.css +++ b/CSS/themes/prowlarr/prowlarr-base.css @@ -1 +1,1101 @@ -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)}[class*=FormInputHelpText-helpText-]{color:var(--text)}[class*=FormInputGroup-inputUnit-]{color:var(--text)!important}[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}[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)}[class*=ErrorPage-page-],[class*=ErrorPage-version-],[class*=LoadingMessage-loadingMessage-358v5]{color:var(--text)}[class*=LoadingIndicator-ripple-]{border:2px solid #fff}[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}[class*=TagInput-internalInput-]{background-color:transparent;color:#fff}[class*=SelectInput-select-]{background-color:rgba(0,0,0,.25)!important}[class*=SelectInput-select-]:active,[class*=SelectInput-select-]:focus{background:#1e1e1e!important}[class*=AutoSuggestInput-suggestionsContainer-],[class*=AutoSuggestInput-suggestionsContainerOpen-],[class*=AutoSuggestInput-suggestionsList-]{background-color:#323232!important;color:#fff;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}[class*=PageHeader-header-]{background-color:rgba(0,0,0,.35);box-shadow:none}[class*=PageHeader-donate-]{color:#c4273c!important}[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,.25)}[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,.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))}[class*=MovieIndexPoster-controls-]{background-color:rgb(var(--accent-color))!important}[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,.08)}[class*=AddListMoviePoster-title-]{background-color:rgba(255,255,255,.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,.25)}[class*=".ProgressBar-purple-"]{background-color:rgb(var(--accent-color))}[class*=MovieDetailsSeason-collapseButtonContainer-],[class*=MovieDetailsSeason-season-]{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,.25)}[class*=ExtraFileTable-container-]{border:1px solid transparent;background-color:rgba(0,0,0,.25)}.Table-table-2C3O8{color:#fff}[class*=Popover-body-],[class*=Popover-title-],[class*=SeasonInfo-title-],[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*=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(--queue-color);background-color:var(--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)}[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%)}[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-isDisabled-]:hover,[class*=PageToolbarButton-toolbarButton-][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))}[class*=MovieCreditPoster-title-],[class*=MovieIndexPoster-nextAiring-],[class*=MovieIndexPoster-title-],[class*=MovieIndexPosterInfo-info-]{background-color:rgba(255,255,255,.08);color:var(--text-hover)}[class*=MenuContent-menuContent-],[class*=MenuItem-menuItem-]{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:#000 0 0 5px 0}[class*=MenuItem-menuItem-]:focus,[class*=MenuItem-menuItem-]:hover{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}[class*=PageJumpBar-jumpBar-]{color:#fff}[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,.25)!important}[class*=EnhancedSelectInput-options-]{border:1px solid rgba(255,255,255,.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,.2)!important;color:var(--text-hover)}[class*=EnhancedSelectInputOption-option-]:hover{background-color:rgba(255,255,255,.08)}[class*=HintedSelectInputOption-hintText-]{color:var(--text)}[class*=AddNewMovie-searchIconContainer-],[class*=CheckInput-isIndeterminate-],[class*=Input-input-]{border:none;background-color:rgba(255,255,255,.08);color:#fff}[class*=IndexerSearchInput-container-] [class*=Input-input-]{background:0 0;border-bottom:solid 1px #fff}[class*=IndexerSearchInput-container-] [class*=Input-input-]:focus{border-bottom:none;background:0 0}[class*=IndexerSearchResult-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,.25)}[class*=TagInput-input-][class*=TagInput-isFocused-]{outline:0;border-color:#fff;box-shadow:none}[class*=PageContentBody-innerContentBody-]{color:var(--text)}[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-freeSpace-],[class*=RootFolderSelectInputSelectedValue-movieFolder-]{color:#fff}[class*=RootFolderSelectInputOption-freeSpace-],[class*=RootFolderSelectInputOption-movieFolder-]{color:var(--text-muted)}input::-webkit-input-placeholder{color:var(--text)}input:focus::-webkit-input-placeholder{color:var(--text-hover)}input:-moz-placeholder{color:var(--text)}input:focus:-moz-placeholder{color:var(--text-hover)}input::-moz-placeholder{color:var(--text)}input:focus::-moz-placeholder{color:var(--text-hover)}input:-ms-input-placeholder{color:var(--text)}input:focus:-ms-input-placeholder{color:var(--text-hover)}[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,.08)}[class*=ImportMovieSelectMovie-button-]{border:none!important;background-color:rgba(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:#fff}[class*=ImportMovieSearchResult-movie-]:hover{background-color:rgba(255,255,255,.08)}[class*=ImportMovieTitle-year-]{color:var(--text-muted)}[class*=DiscoverMovieOverview-link-]{color:var(--text)}[class*=DiscoverMovieOverview-link-]:hover{color:var(--text-hover);text-decoration:none}[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)}[class*=AddListMoviePoster-title-]{background-color:rgba(255,255,255,.08);color:#fff}[class*=PageContentFooter-contentFooter-]{border:none;background-color:rgba(0,0,0,.25);color:#fff}[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-airTime-],[class*=CalendarEvent-episodeInfo-],[class*=CalendarEvent-movieTitle-]{color:#fff!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:#fff!important}[class*=CalendarEventGroup-airTime-]{color:var(--text)}[class*=CalendarEventGroup-episodeInfo-]{color:var(--text)}[class*=AgendaEvent-event-]:hover{background-color:hsla(0,0%,100%,.08)!important}[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}[class*=NamingOption-small-]{border:1px solid transparent}[class*=NamingOption-token-]{background-color:rgba(255,255,255,.15)}[class*=NamingOption-token-]{background-color:rgba(255,255,255,.15)}[class*=NamingOption-example-]{background-color:rgba(255,255,255,.25)}[class*=NamingOption-option-]{border:1px solid transparent}[class*=NamingOption-option-]:hover [class*=NamingOption-token-]{background-color:rgba(255,255,2550,.25)}[class*=NamingOption-option-]:hover [class*=NamingOption-example-]{background-color:rgba(255,255,2550,.35)}[class*=Card-card-],[class*=QualityProfiles-addQualityProfile-]{background-color:rgba(0,0,0,.45);box-shadow:0 0 10px 1px #000;color:var(--text)}[class*=Applications-center-]:hover,[class*=Card-card-]:hover{color:var(--text-hover)}[class*=LanguageProfiles-center-],[class*=QualityProfiles-center-],[class*=ReleaseProfiles-center-]{background-color:transparent;border:none;color:var(--text)}[class*=AppProfiles-center-],[class*=Applications-center-]{background-color:transparent;border:none}[class*=LanguageProfileItem-languageProfileItem-],[class*=QualityProfileItem-qualityProfileItem-],[class*=QualityProfileItemGroup-qualityProfileItemGroup-]{border:none;background-color:rgba(0,0,0,.25);color:#fff}[class*=QualityProfileItemGroup-qualityProfileItemGroup-][class*=QualityProfileItemGroup-editGroups-]{background:rgba(0,0,0,.25)}[class*=QualityDefinitions-sizeLimitHelpText-]{color:var(--text)}[class*=KeyValueListInputItem-keyInput-],[class*=KeyValueListInputItem-valueInput-]{border:none;background:0 0;color:#fff}[class*=QualityProfileFormatItem-qualityProfileFormatItem-]{border:1px solid transparent;background:rgba(0,0,0,.25)}[class*=Indexers-center-]{background-color:transparent;border:none;color:var(--text)}[class*=DownloadClients-center-]{background-color:transparent;border:none}[class*=Notifications-center-]{background-color:transparent;border:none}[class*=ImportLists-center-]{background-color:transparent;border:none;color:var(--text)}[class*=Alert-info-]{border-color:transparent;background-color:rgba(0,0,0,.25);color:#ffc107}[class*=Restrictions-center-]{border:1px solid transparent;background-color:transparent}[class*=NetImports-center-]{border:1px solid transparent;background-color:transparent}[class*=CustomFormats-center-],[class*=EditCustomFormatModalContent-center-]{border:1px solid transparent;background-color:transparent}.panel-body{background-color:rgba(0,0,0,.25);color:var(--text)}.panel-header{background-color:rgba(0,0,0,.45)}.forgot-password{color:var(--text)!important}input[type=email],input[type=password]{border:none;background-color:rgba(255,255,255,.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,.25)}[class*=FilterBuilderRow-filterRow-]:hover{background-color:transparent}[class*=CustomFilter-customFilter-]:hover{background-color:hsla(0,0%,100%,.08)}[class*=SelectMovieModalContent-path-]{color:var(--text)}[class*=Stats-fullWidthChart-],[class*=Stats-halfWidthChart-]{background:rgba(0,0,0,.25)!important}canvas{filter:invert(1)} \ No newline at end of file +/* 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(--queue-color); + background-color: var(--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/prowlarr/space-gray.css b/CSS/themes/prowlarr/space-gray.css index 3312cfb7..3ed8120e 100644 --- a/CSS/themes/prowlarr/space-gray.css +++ b/CSS/themes/prowlarr/space-gray.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/prowlarr/prowlarr-base.css);@import url(https://theme-park.dev/CSS/variables/space-gray.css);:root{--queue-color:#81a6b7} \ No newline at end of file + +/* 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 */ + +/* prowlarr SPACE GRAY THEME */ +@import url(https://theme-park.dev/CSS/themes/prowlarr/prowlarr-base.css); +@import url(https://theme-park.dev/CSS/variables/space-gray.css); + +/* APP VARS */ +:root { + --queue-color: #81a6b7; +} diff --git a/CSS/themes/qbittorrent/aquamarine.css b/CSS/themes/qbittorrent/aquamarine.css index 084fb3f0..a2ddaab4 100644 --- a/CSS/themes/qbittorrent/aquamarine.css +++ b/CSS/themes/qbittorrent/aquamarine.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/qbittorrent/qbittorrent-base.css);@import url(https://theme-park.dev/CSS/variables/aquamarine.css);:root{--progress-color:#4c95af} \ No newline at end of file + +/* 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 */ + +/* QBITTORRENT AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/qbittorrent/qbittorrent-base.css); +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); + +/* APP VARS */ +:root { + --progress-color: #4c95af; +} diff --git a/CSS/themes/qbittorrent/dark.css b/CSS/themes/qbittorrent/dark.css index 95a68442..971d1e23 100644 --- a/CSS/themes/qbittorrent/dark.css +++ b/CSS/themes/qbittorrent/dark.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/qbittorrent/qbittorrent-base.css);@import url(https://theme-park.dev/CSS/variables/dark.css);:root{--progress-color:#3d3d3d} \ No newline at end of file + +/* 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 */ + +/* QBITTORRENT DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/qbittorrent/qbittorrent-base.css); +@import url(https://theme-park.dev/CSS/variables/dark.css); + +/* APP VARS */ +:root { + --progress-color: #3d3d3d; + } \ No newline at end of file diff --git a/CSS/themes/qbittorrent/dracula.css b/CSS/themes/qbittorrent/dracula.css index 1cfd216c..c255a66b 100644 --- a/CSS/themes/qbittorrent/dracula.css +++ b/CSS/themes/qbittorrent/dracula.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/qbittorrent/qbittorrent-base.css);@import url(https://theme-park.dev/CSS/variables/dracula.css);:root{--progress-color:#50fa7b} \ No newline at end of file + +/* 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 */ + + /* QBITTORRENT DRACULA THEME */ +@import url(https://theme-park.dev/CSS/themes/qbittorrent/qbittorrent-base.css); +@import url(https://theme-park.dev/CSS/variables/dracula.css); + +/* APP VARS */ +:root { + --progress-color: #50fa7b; +} diff --git a/CSS/themes/qbittorrent/hotline.css b/CSS/themes/qbittorrent/hotline.css index 9399cc52..34cfe509 100644 --- a/CSS/themes/qbittorrent/hotline.css +++ b/CSS/themes/qbittorrent/hotline.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/qbittorrent/qbittorrent-base.css);@import url(https://theme-park.dev/CSS/variables/hotline.css);:root{--progress-color:#df6c4c} \ No newline at end of file + +/* 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 */ + +/* QBITTORRENT HOTLINE THEME */ +@import url(https://theme-park.dev/CSS/themes/qbittorrent/qbittorrent-base.css); +@import url(https://theme-park.dev/CSS/variables/hotline.css); + +/* APP VARS */ +:root { + --progress-color: #df6c4c; +} \ No newline at end of file diff --git a/CSS/themes/qbittorrent/organizr-dark.css b/CSS/themes/qbittorrent/organizr-dark.css index 327ea81f..ec19d358 100644 --- a/CSS/themes/qbittorrent/organizr-dark.css +++ b/CSS/themes/qbittorrent/organizr-dark.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/qbittorrent/qbittorrent-base.css);@import url(https://theme-park.dev/CSS/variables/organizr-dark.css);:root{--progress-color:#2cabe3} \ No newline at end of file + +/* 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 */ + +/* QBITTORRENT ORGANIZR-DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/qbittorrent/qbittorrent-base.css); +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); + +/* APP VARS */ +:root { + --progress-color: #2cabe3; + } \ No newline at end of file diff --git a/CSS/themes/qbittorrent/plex.css b/CSS/themes/qbittorrent/plex.css index b5dcc070..093fe0db 100644 --- a/CSS/themes/qbittorrent/plex.css +++ b/CSS/themes/qbittorrent/plex.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/qbittorrent/qbittorrent-base.css);@import url(https://theme-park.dev/CSS/variables/plex.css);:root{--progress-color:#cc7b19} \ No newline at end of file + +/* 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 */ + +/* QBITTORRENT PLEX THEME */ +@import url(https://theme-park.dev/CSS/themes/qbittorrent/qbittorrent-base.css); +@import url(https://theme-park.dev/CSS/variables/plex.css); + +/* APP VARS */ +:root { + --progress-color: #cc7b19; + } \ No newline at end of file diff --git a/CSS/themes/qbittorrent/qbittorrent-base.css b/CSS/themes/qbittorrent/qbittorrent-base.css index 4fb203d6..973ae9c3 100644 --- a/CSS/themes/qbittorrent/qbittorrent-base.css +++ b/CSS/themes/qbittorrent/qbittorrent-base.css @@ -1 +1,1805 @@ -@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)}body,html{color:var(--text);background:0 0}body{background:var(--main-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover}#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:#545454;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:0;outline:0;border:none;border-radius:3px}input[type=password i]{color:var(--text-hover);background-color:rgba(0,0,0,.25);border-width:0;outline:0;border:none;border-radius:3px}input[type=number i]{color:var(--text-hover);background-color:rgba(0,0,0,.25);border-width:0;outline:0;border:none}input[type=file i]{color:var(--text-hover);background-color:rgba(0,0,0,.25);border-width:0;outline:0;border:none}input[name=category i]{color:#000;background-color:#fff;border-width:0;outline:0;border:none}input[type=file i]{border:none}select{border:none!important}.mochaTitlebar h3,a,h2,h3,h4{color:var(--text-hover)}#main h1{display:block;font-size:2em;margin-block-start:2em;margin-block-end:-.9em;margin-inline-start:0;margin-inline-end:0;font-weight:700;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;width:400px;height:460px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.6);box-shadow:0 0 10px rgba(0,0,0,.6)}#logo img{height:11em;position:absolute;left: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,.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,.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:0 0}#mochaToolbar .divider{background-image:none;padding-left:0}#mochaToolbar{margin-bottom:5px}.dynamicTable th{background-color:rgba(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,.25)}.dynamicTable tbody tr{background-color:rgba(0,0,0,.08)!important}.dynamicTable tbody tr.alt,.dynamicTable tbody tr:nth-child(even){background-color:rgba(255,255,255,.08)!important}.dynamicTable tbody tr:hover{background-color:rgba(255,255,255,.15)!important;color:var(--text-hover)}.dynamicTable tbody tr.selected{background-color:rgba(var(--accent-color),.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:0;outline:0;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:0;outline:0;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:0;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}.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 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,.08)}.selectedFilter{background-color:rgba(var(--accent-color),.6);color:#eee}.selectedFilter:before{color:var(--button-color-hover)!important}ul.filterList li:hover{background-color:rgba(var(--accent-color),.6);color:var(--button-color-hover)!important}ul.filterList li:hover:before{color:var(--button-color-hover)!important}.columnHandle{background:rgba(0,0,0,.45);border:1px solid transparent}.bottomPanel{background:rgba(0,0,0,.25)!important}.panel-headerContent.tabs{background:0 0!important}.panel-header{background:rgba(0,0,0,.25)!important;border-bottom:1px solid transparent!important}.horizontalHandle{background:0 0!important}.tab-menu li.selected a{color:var(--text-hover)!important;background:0 0!important;font-weight:400!important}.tab-menu li a{color:var(--text)!important;background:0 0!important}.tab-menu li.selected{background:0 0!important}.tab-menu li{background:0 0!important}.tab-menu li a:hover{background:rgba(255,255,255,.08)!important}.toolbarTabs{background:rgba(0,0,0,.25)!important}.progressbar_dark{background:var(--progress-color)!important;color:var(--label-text-color)!important}.progressbar_light{background:rgba(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,.25)!important}.mochaTitlebar{width:100%;overflow:hidden;background:0 0!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,.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:0 0!important}fieldset.settings{border:solid 1px rgba(255,255,255,.25)!important;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;padding:4px 4px 4px 10px}textarea:disabled{color:#545454;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,.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:0;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:0;text-transform:uppercase}#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)}#desktopNavbar li ul li a{position:relative;min-width:120px;font-weight:400;padding:5px 10px 1px 1px}.MyMenuIcon{margin-left:0}#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}#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}#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:#fff;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:#fff;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:#fff;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:#fff;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:#fff;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:#fff;opacity:0}#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}#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}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%)}#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}#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}.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}#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}img[src="icons/application-x-mswinurl.svg"],img[src="icons/checking.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-verify.svg"],img[src="icons/document-edit.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-history.svg"],img[src="icons/edit-clear.svg"],img[src="icons/edit-copy.svg"],img[src="icons/edit-cut.svg"],img[src="icons/edit-find-user.svg"],img[src="icons/edit-find.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/stalledDL.svg"],img[src="icons/stalledUP.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"]{filter:invert(100%) sepia(0) saturate(1%) hue-rotate(289deg) brightness(106%) contrast(101%)}#contextCategoryList,.contextMenu{box-shadow:0 8px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}#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{background-image:url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/qbittorrent/arrow-right.gif);background-repeat:no-repeat;background-position:right center}#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 +/* 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; +} + +#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: var(--progress-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/qbittorrent/space-gray.css b/CSS/themes/qbittorrent/space-gray.css index 15a41d21..3b40973a 100644 --- a/CSS/themes/qbittorrent/space-gray.css +++ b/CSS/themes/qbittorrent/space-gray.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/qbittorrent/qbittorrent-base.css);@import url(https://theme-park.dev/CSS/variables/space-gray.css);:root{--progress-color:#607D8B} \ No newline at end of file + +/* 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 */ + + /* QBITTORRENT SPACE GRAY THEME */ +@import url(https://theme-park.dev/CSS/themes/qbittorrent/qbittorrent-base.css); +@import url(https://theme-park.dev/CSS/variables/space-gray.css); + +/* APP VARS */ +:root { + --progress-color: #607D8B; +} diff --git a/CSS/themes/radarr/aquamarine.css b/CSS/themes/radarr/aquamarine.css index deff1abc..d842afef 100644 --- a/CSS/themes/radarr/aquamarine.css +++ b/CSS/themes/radarr/aquamarine.css @@ -1 +1,27 @@ -@import url(https://theme-park.dev/CSS/themes/radarr/radarr-base.css);@import url(https://theme-park.dev/CSS/variables/aquamarine.css);: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;--queue-color:#009688} \ No newline at end of file + +/* 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 */ + +/* RADARR AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/radarr/radarr-base.css); +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); + +/* APP VARS */ +: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; + --queue-color: #009688; +} diff --git a/CSS/themes/radarr/dark.css b/CSS/themes/radarr/dark.css index a90bae2f..c0ff1c59 100644 --- a/CSS/themes/radarr/dark.css +++ b/CSS/themes/radarr/dark.css @@ -1 +1,27 @@ -@import url(https://theme-park.dev/CSS/themes/radarr/radarr-base.css);@import url(https://theme-park.dev/CSS/variables/dark.css);: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;--queue-color:#6b5} \ No newline at end of file + +/* 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 */ + +/* RADARR DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/radarr/radarr-base.css); +@import url(https://theme-park.dev/CSS/variables/dark.css); + +/* APP VARS */ +: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; + --queue-color: #6b5; +} \ No newline at end of file diff --git a/CSS/themes/radarr/dracula.css b/CSS/themes/radarr/dracula.css index 314c7ac3..1c6503d8 100644 --- a/CSS/themes/radarr/dracula.css +++ b/CSS/themes/radarr/dracula.css @@ -1 +1,26 @@ -@import url(https://theme-park.dev/CSS/themes/radarr/radarr-base.css);@import url(https://theme-park.dev/CSS/variables/dracula.css);: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;--queue-color:#50fa7b} \ No newline at end of file +/* 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 */ + +/* RADARR DRACULA THEME */ +@import url(https://theme-park.dev/CSS/themes/radarr/radarr-base.css); +@import url(https://theme-park.dev/CSS/variables/dracula.css); + +/* APP VARS */ +: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; + --queue-color: #50fa7b; +} \ No newline at end of file diff --git a/CSS/themes/radarr/hotline.css b/CSS/themes/radarr/hotline.css index bdafe8ae..a2e92d8d 100644 --- a/CSS/themes/radarr/hotline.css +++ b/CSS/themes/radarr/hotline.css @@ -1 +1,27 @@ -@import url(https://theme-park.dev/CSS/themes/radarr/radarr-base.css);@import url(https://theme-park.dev/CSS/variables/hotline.css);: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;--queue-color:#6b5} \ No newline at end of file + +/* 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 */ + +/* RADARR HOTLINE THEME */ +@import url(https://theme-park.dev/CSS/themes/radarr/radarr-base.css); +@import url(https://theme-park.dev/CSS/variables/hotline.css); + +/* APP VARS */ +: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; + --queue-color: #6b5; +} \ No newline at end of file diff --git a/CSS/themes/radarr/organizr-dark.css b/CSS/themes/radarr/organizr-dark.css index 742593a7..f588cb4e 100644 --- a/CSS/themes/radarr/organizr-dark.css +++ b/CSS/themes/radarr/organizr-dark.css @@ -1 +1,27 @@ -@import url(https://theme-park.dev/CSS/themes/radarr/radarr-base.css);@import url(https://theme-park.dev/CSS/variables/organizr-dark.css);: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;--queue-color:#2cabe3} \ No newline at end of file + +/* 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 */ + +/* RADARR ORGANIZR-DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/radarr/radarr-base.css); +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); + +/* APP VARS */ +: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; + --queue-color: #2cabe3; +} \ No newline at end of file diff --git a/CSS/themes/radarr/plex.css b/CSS/themes/radarr/plex.css index 81946795..181be923 100644 --- a/CSS/themes/radarr/plex.css +++ b/CSS/themes/radarr/plex.css @@ -1 +1,27 @@ -@import url(https://theme-park.dev/CSS/themes/radarr/radarr-base.css);@import url(https://theme-park.dev/CSS/variables/plex.css);: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;--queue-color:#27c24c} \ No newline at end of file + +/* 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 */ + +/* RADARR PLEX THEME */ +@import url(https://theme-park.dev/CSS/themes/radarr/radarr-base.css); +@import url(https://theme-park.dev/CSS/variables/plex.css); + +/* APP VARS */ +: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; + --queue-color: #27c24c; +} \ No newline at end of file diff --git a/CSS/themes/radarr/radarr-base.css b/CSS/themes/radarr/radarr-base.css index 16d2bc7f..359ef864 100644 --- a/CSS/themes/radarr/radarr-base.css +++ b/CSS/themes/radarr/radarr-base.css @@ -1 +1,1092 @@ -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)}[class*=FormInputHelpText-helpText-]{color:var(--text)}[class*=FormInputGroup-inputUnit-]{color:var(--text)!important}[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}[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)}[class*=ErrorPage-page-],[class*=ErrorPage-version-],[class*=LoadingMessage-loadingMessage-]{color:var(--text)}[class*=LoadingIndicator-ripple-]{border:2px solid #fff}[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}[class*=TagInput-internalInput-]{background-color:transparent;color:#fff}[class*=SelectInput-select-]{background-color:rgba(0,0,0,.25)!important}[class*=SelectInput-select-]:active,[class*=SelectInput-select-]:focus{background:#1e1e1e!important}[class*=AutoSuggestInput-suggestionsContainer-],[class*=AutoSuggestInput-suggestionsContainerOpen-],[class*=AutoSuggestInput-suggestionsList-]{background-color:#323232!important;color:#fff;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}[class*=PageHeader-header-]{background-color:rgba(0,0,0,.35)}[class*=PageHeader-donate-]{color:#c4273c!important}[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,.25)}[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,.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))}[class*=MovieIndexPoster-controls-]{background-color:rgb(var(--accent-color))!important}[class*=ExtraFileTableContent-blankpad-],[class*=MovieHistoryTableContent-blankpad-],[class*=MovieTitlesTableContent-blankpad-]{color:var(--text)}[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,.08)}[class*=AddListMoviePoster-title-]{background-color:rgba(255,255,255,.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,.25)}[class*=".ProgressBar-purple-"]{background-color:rgb(var(--accent-color))}[class*=MovieDetailsSeason-collapseButtonContainer-],[class*=MovieDetailsSeason-season-]{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,.25)}[class*=ExtraFileTable-container-]{border:1px solid transparent;background-color:rgba(0,0,0,.25)}[class*=Popover-body-],[class*=Popover-title-],[class*=SeasonInfo-title-],[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(--queue-color);background-color:var(--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)}[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%)}[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-isDisabled-]:hover,[class*=PageToolbarButton-toolbarButton-][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))}[class*=MovieCreditPoster-title-],[class*=MovieIndexPoster-nextAiring-],[class*=MovieIndexPoster-title-],[class*=MovieIndexPosterInfo-info-]{background-color:rgba(255,255,255,.08);color:var(--text-hover)}[class*=MenuContent-menuContent-],[class*=MenuItem-menuItem-]{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:#000 0 0 5px 0}[class*=MenuItem-menuItem-]:focus,[class*=MenuItem-menuItem-]:hover{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}[class*=PageJumpBar-jumpBar-]{color:#fff}[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,.25)!important}[class*=EnhancedSelectInput-options-]{border:1px solid rgba(255,255,255,.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,.2)!important;color:var(--text-hover)}[class*=EnhancedSelectInputOption-option-]:hover{background-color:rgba(255,255,255,.08)}[class*=HintedSelectInputOption-hintText-]{color:var(--text)}[class*=AddNewMovie-searchIconContainer-],[class*=CheckInput-isIndeterminate-],[class*=Input-input-]{border:none;background-color:rgba(255,255,255,.08);color:#fff}[class*=MovieSearchInput-container-] [class*=Input-input-]{background:0 0;border-bottom:solid 1px #fff}[class*=MovieSearchInput-container-] [class*=Input-input-]:focus{border-bottom:none;background:0 0}[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,.25)}[class*=TagInput-input-][class*=TagInput-isFocused-]{outline:0;border-color:#fff;box-shadow:none}.react-tabs__tab-panel .react-tabs__tab-panel--selected>div,[class*=PageContentBody-contentBody-],[class*=PageContentBody-innerContentBody-]{color:var(--text)}[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-freeSpace-],[class*=RootFolderSelectInputSelectedValue-movieFolder-]{color:#fff}[class*=RootFolderSelectInputOption-freeSpace-],[class*=RootFolderSelectInputOption-movieFolder-]{color:var(--text-muted)}input::-webkit-input-placeholder{color:var(--text)}input:focus::-webkit-input-placeholder{color:var(--text-hover)}input:-moz-placeholder{color:var(--text)}input:focus:-moz-placeholder{color:var(--text-hover)}input::-moz-placeholder{color:var(--text)}input:focus::-moz-placeholder{color:var(--text-hover)}input:-ms-input-placeholder{color:var(--text)}input:focus:-ms-input-placeholder{color:var(--text-hover)}[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,.08)}[class*=ImportMovieSelectMovie-button-]{border:none!important;background-color:rgba(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:#fff}[class*=ImportMovieSearchResult-movie-]:hover{background-color:rgba(255,255,255,.08)}[class*=ImportMovieTitle-year-]{color:var(--text-muted)}[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,.08);color:var(--text-hover)}[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)}[class*=AddListMoviePoster-title-]{background-color:rgba(255,255,255,.08);color:#fff}[class*=PageContentFooter-contentFooter-]{border:none;background-color:rgba(0,0,0,.25);color:#fff}[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-]{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-airTime-],[class*=CalendarEvent-episodeInfo-],[class*=CalendarEvent-movieInfo-],[class*=CalendarEvent-movieTitle-]{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)}[class*=AgendaEvent-event-]:hover{background-color:hsla(0,0%,100%,.08)!important}[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}[class*=NamingOption-small-]{border:1px solid transparent}[class*=NamingOption-token-]{background-color:rgba(255,255,255,.15)}[class*=NamingOption-token-]{background-color:rgba(255,255,255,.15)}[class*=NamingOption-example-]{background-color:rgba(255,255,255,.25)}[class*=NamingOption-option-]{border:1px solid transparent}[class*=NamingOption-option-]:hover [class*=NamingOption-token-]{background-color:rgba(255,255,2550,.25)}[class*=NamingOption-option-]:hover [class*=NamingOption-example-]{background-color:rgba(255,255,2550,.35)}[class*=Card-card-],[class*=QualityProfiles-addQualityProfile-]{background-color:rgba(0,0,0,.45);box-shadow:0 0 10px 1px #000;color:var(--text)}[class*=Card-card-]:hover{color:var(--text-hover)}[class*=LanguageProfiles-center-],[class*=QualityProfiles-center-],[class*=ReleaseProfiles-center-]{background-color:transparent;border:none}[class*=LanguageProfileItem-languageProfileItem-],[class*=QualityProfileItem-qualityProfileItem-],[class*=QualityProfileItemGroup-qualityProfileItemGroup-]{border:none;background-color:rgba(0,0,0,.25);color:#fff}[class*=QualityProfileItemGroup-qualityProfileItemGroup-][class*=QualityProfileItemGroup-editGroups-]{background:rgba(0,0,0,.25)}[class*=KeyValueListInputItem-keyInput-],[class*=KeyValueListInputItem-valueInput-]{border:none;background:0 0;color:#fff}[class*=QualityProfileFormatItem-qualityProfileFormatItem-]{border:1px solid transparent;background:rgba(0,0,0,.25)}[class*=QualityDefinitions-sizeLimitHelpText-]{color:var(--text)}[class*=Indexers-center-]{background-color:transparent;border:none}[class*=DownloadClients-center-]{background-color:transparent;border:none}[class*=Notifications-center-]{background-color:transparent;border:none}[class*=ImportLists-center-]{background-color:transparent;border:none}[class*=Alert-info-]{border-color:transparent;background-color:rgba(0,0,0,.25);color:#ffc107}[class*=Restrictions-center-]{border:1px solid transparent;background-color:transparent}[class*=NetImports-center-]{border:1px solid transparent;background-color:transparent}[class*=CustomFormats-center-],[class*=EditCustomFormatModalContent-center-]{border:1px solid transparent;background-color:transparent}.panel-body{background-color:rgba(0,0,0,.25);color:var(--text)}.panel-header{background-color:rgba(0,0,0,.45)}.forgot-password{color:var(--text)!important}input[type=email],input[type=password]{border:none;background-color:rgba(255,255,255,.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,.25)}[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 +/* 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-"] { + 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(--queue-color); + background-color: var(--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-"] { + 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-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/radarr/radarrv2.css b/CSS/themes/radarr/radarrv2.css index 2facddcd..6e24b3b8 100644 --- a/CSS/themes/radarr/radarrv2.css +++ b/CSS/themes/radarr/radarrv2.css @@ -1 +1,640 @@ -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:#fff!important}#footer-region::after{content:"\A theme.park 2.0";font-size:20px}.footer{color:#fff}#scroll-up{color:#fff}@media (max-width:991px){.toolbar .page-toolbar .x-toolbar-left-1{display:block}.toolbar .page-toolbar .btn-group{display:block}.btn-group.btn-group-collapse>.btn{margin:2px;display:block;float:none;border-radius:4px!important;word-wrap:normal;white-space:normal}}@media screen and (max-width:767px){.table-responsive{border:none}}.modal-content{box-shadow:0 0 10px 1px #000;border-radius:3px;background:var(--main-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover}.navbar-nzbdrone li a{color:hsla(0,0%,100%,.7)}.navbar-nzbdrone li a:hover{background-color:hsla(0,0%,100%,.08);color:#fff}.search .input-group .input-group-addon,.search .input-group input{background-color:rgba(0,0,0,.25)!important;color:#fff;border-color:transparent;height:40px}.search .input-group .input-group-addon,.search .input-group input:focus{color:#fff}.input-group-addon{background-color:rgba(255,255,255,.25);border:1px solid transparent}.tt-suggestion.tt-cursor{background-color:#191a1c!important;color:#fff!important}.search .tt-dropdown-menu{background-color:#1f1f1f}.fa-search{color:#fff}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:50px}.navbar-inverse,.navbar-toggle{background-color:rgba(0,0,0,.25);border-color:rgba(0,0,0,.25);color:#fff}.navbar-nzbdrone .navbar-toggle:focus,.navbar-nzbdrone .navbar-toggle:hover{color:#fff;background-color:hsla(0,0%,100%,.08)}@media (max-width:767px){.navbar-nzbdrone .navbar-collapse .navbar-nav li:focus,.navbar-nzbdrone .navbar-collapse .navbar-nav li:hover{background-color:hsla(0,0%,100%,.08)}}.form-control{color:#fff;background-color:rgba(0,0,0,.25)!important;border:1px solid transparent}.form-control:focus{background-color:#1f1f1f!important;border-color:rgba(0,0,0,.51);outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.6)}.bootstrap-tagsinput{background-color:rgba(0,0,0,.25);border:1px solid rgba(0,0,0,.25);color:#fff}.form-group i{color:#fff}.started #page{background-color:rgba(0,0,0,.25);color:#fff;box-shadow:none;max-width:1280px}.series-item a{color:#fff}.movie-posters-item,.series-posters .series-posters-item{background-color:rgba(0,0,0,.25)!important;color:#444;box-shadow:0 0 10px 1px #000!important}.movie-posters-item{min-height:302px!important}.header-text .year{color:#fff}.backdrop .navbar-nzbdrone{opacity:.98;box-shadow:0 0 10px 1px #000;border-radius:3px;background:var(--main-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover}.movie-page-header,.series-page-header{opacity:.98;box-shadow:0 0 10px 1px #000;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}.movie-tabs-card,.series-season{opacity:.98;box-shadow:0 0 10px 1px #000;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}.episode-title-cell{color:#fff}.episode-title-cell,a{color:#fff!important;text-decoration:none}.table-hover>tbody>tr:hover,th.sortable:hover{background-color:rgba(0,0,0,.25);color:#fff}.progress.episode-progress .progressbar-back-text{color:#000!important}.text-warning{color:#fff}#add-movies-screen .new-movies .search-item,#add-series-screen .new-series .search-item{background-color:rgba(0,0,0,.25)!important;color:#fff!important;box-shadow:none}div.form-group>label{font-weight:500}#add-movies-screen .add-movies-search>input.form-control.x-movies-search,#add-series-screen .add-series-search>input.form-control.x-series-search{background-color:rgba(0,0,0,.25)!important;color:#fff!important;border:none;box-shadow:none}#add-movies-screen .search-item select.form-control,#add-series-screen .search-item select.form-control{background-color:#1f1f1f;color:#fff}.dropdown-menu>li>a{color:#fff}.dropdown-menu>li>a:hover{color:#000}.input-group.input-group-lg.add-movies-search>.input-group-addon,.input-group.input-group-lg.add-series-search>.input-group-addon{color:#fff;background-color:rgba(0,0,0,.25);border:0 solid rgba(0,0,0,.25)}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:hsla(0,0%,100%,.08);border-color:#fff}.discoverable-list-item:hover{background-color:#1f1f1f;color:#fff}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{background-color:hsla(0,0%,100%,.08)}#add-series-screen .existing-series{background-color:rgba(0,0,0,0);color:#fff;box-shadow:0 0 10px 1px #000}.calendar .premiere{border-color:rgb(var(--calendar-in-cinemas));background-color:rgb(var(--calendar-in-cinemas))}.calendar .danger{border-color:rgb(var(--calendar-missing));background-color:rgb(var(--calendar-missing));color:#fff}.calendar .primary{border-color:rgb(var(--calendar-announced));background-color:rgb(var(--calendar-announced))}.calendar .success{border-color:rgb(var(--calendar-downloaded));background-color:rgb(var(--calendar-downloaded))}.calendar .purple{border-color:rgb(var(-calendar-downloading));background-color:rgb(var(-calendar-downloading))}.calendar .unmonitored{border-color:rgb(var(--calendar-unmonitored));background-color:rgb(var(--calendar-unmonitored))}.event .primary{border-color:rgba(0,0,0,.25)}.date h4,.event .episode-title,.event h4{color:#fff!important}.event .episode-title{color:#f9be03!important}.event .episode-title:focus,.event .episode-title:hover{color:#f9be03;text-decoration:underline;background-color:transparent}a:focus,a:hover{color:#fff}.event p{color:#fff}.fc-title{color:#fff}.calendar th{background-color:hsla(0,0%,100%,.08);color:#fff}.fc-day-number.fc-today.fc-state-highlight,.fc-day-top.fc-today.fc-state-highlight,.fc-day.fc-today.fc-state-highlight{background-color:hsla(0,0%,100%,.08);color:#f9be03}.fc-list-item:hover td{background-color:rgba(0,0,0,.1)!important}.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-popover .fc-header{background:rgba(0,0,0,.1)!important}.fc-unthemed .fc-list-view{border-color:rgba(0,0,0,.1)}.popover.in{opacity:.9}.popover{background-color:#000;color:#fff}.popover>.popover-title{background-color:#000;color:#fff;border:none}.popover.left>.arrow,.popover.left>.arrow:after{border-left-color:#000}.popover.right>.arrow:after{border-right-color:#000}.backgrid-paginator ul .active span{background-color:rgba(0,0,0,0)}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{background-color:hsla(0,0%,100%,.08)}.nav>li>a:focus,.nav>li>a:hover{background-color:hsla(0,0%,100%,.08)}.TableRowCell-cell-2fbg4 .ProgressBar-primary-3YDfb{background-color:var(--accent-color)}.alert-info{background-color:rgba(255,255,255,.25);border-color:transparent;color:#fff}.alert-warning{background-color:rgba(0,0,0,.25);border-color:transparent;color:#f0ad4e}.alert-danger,.manual-import-error{background-color:rgba(0,0,0,.25);border-color:transparent;color:#d9534f}legend{color:#fff}.nav-tabs{border-bottom:1px solid #ddd!important}@media (min-width:768px){.nav-tabs.nav-justified>li>a{margin-bottom:-1px}}.thingy{background-color:rgba(0,0,0,.25);color:#fff;box-shadow:none;border:1px solid rgba(0,0,0,.25)}.add-card .center{background-color:rgba(0,0,0,0);border:1px solid transparent}.metadata-item{background-color:rgba(0,0,0,.25);color:#fff;box-shadow:none}.add-thingy{background-color:rgba(0,0,0,.25);color:#fff;box-shadow:none}.add-thingy>div>.btn-default,.add-thingy>div>div>.btn.btn-xs.btn-default.dropdown-toggle{color:#fff;background-color:rgba(0,0,0,.25);border-color:#fff;outline-style:none}.add-thingy>div>.btn-default:hover,.add-thingy>div>div>.btn.btn-xs.btn-default.dropdown-toggle:hover{color:#fff;background-color:rgba(0,0,0,.25);border-color:#fff;outline-style:none}li.save-and-add{color:#fff}ul.qualities li{border:1px solid rgba(0,0,0,.25);background:rgba(0,0,0,.25)}ul.qualities li:hover{border:1px solid rgba(0,0,0,.25);background:rgba(255,255,255,.25)}ul.qualities li.selected .quality-label{color:#fff}#quality-definition-list .rows .row .ui-slider .ui-slider-range{background-color:#2e2f31}#quality-definition-list .rows .row .ui-slider .ui-slider-handle{background-color:#f5f5f5;border:1px solid #c7c7c7}#quality-definition-list .rows .row .ui-slider{border:1px solid #2e2f31}.label-warning{background-color:#d58512}.label-info{background-color:#337ab7}pre{color:#fff;background-color:rgba(0,0,0,.25)}.well{background-color:rgba(0,0,0,.25);border:1px solid transparent}.toggle p span{color:transparent}.toggle input:checked~p span:nth-child(1){color:#fff}.toggle input:not(:checked)~p span:nth-child(2){color:#fff}.close,.close:focus,.close:hover{color:#fff!important;opacity:1;outline:0}.btn-default{color:hsla(0,0%,100%,.7);background-color:rgba(0,0,0,.25);border-color:transparent;outline-style:none}.btn-default:hover{color:#fff;background-color:hsla(0,0%,100%,.08);border-color:transparent;outline-style:none}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#fff}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:0}.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:#fff;background-color:hsla(0,0%,100%,.08);border-color:#fff}.fc-state-default{color:#fff;background-color:rgba(0,0,0,.25);border-color:#fff;outline-style:none;background-image:none;text-shadow:none}.fc-state-default:hover{background-color:hsla(0,0%,100%,.08)}.btn.btn-icon-only.x-copy-api-key.hidden-xs,.input-group-btn>button.btn.btn-icon-only.dropdown-toggle{color:#fff;background-color:#5cb85c}.input-group-btn>button.btn.btn-icon-only.dropdown-toggle:hover{color:#fff;background-color:#449d44}.btn{color:#fff;outline:0!important}.btn.btn-lg.btn-block.x-search-auto{color:#fff;background-color:rgba(0,0,0,.25)}.btn.btn-lg.btn-block.x-search-auto:hover{color:#fff;background-color:rgba(255,255,255,.05)}.btn.focus,.btn:focus,.btn:hover{color:#fff;border-color:transparent}.modal-footer>button:not([class*=btn-primary]):not([class*=btn-danger]):not([class*=btn-success]){color:#fff;background-color:rgba(0,0,0,.25);border-color:transparent;outline-style:none}.modal-footer>button:hover:not([class*=btn-primary]):not([class*=btn-danger]):not([class*=btn-success]){color:#fff;background-color:rgba(255,255,255,.25);border-color:transparent;outline-style:none}.btn-success{color:#fff}.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:#fff;background-color:#286090!important;border-color:transparent}.btn-primary.focus,.btn-primary:focus,.btn-primary:hover{color:#fff;background-color:#286090!important}.btn-success.focus,.btn-success:focus,.btn-success:hover{color:#fff;background-color:#449d44!important}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-color:hsla(0,0%,100%,.08)}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:transparent}.btn-danger,.btn-primary{border-color:transparent}.dropdown-menu{background-color:#1f1f1f}.dropdown-menu>li>a{color:#fff}.dropdown-menu>li>a:hover{color:#000!important} \ No newline at end of file +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: #fff !important; + } + + +/* VERSION */ + +#footer-region::after { + content: "\A theme.park 2.0"; + font-size: 20px; +} +.footer { + color: #fff; +} +#scroll-up { + color: white; +} +@media (max-width: 991px) { + .toolbar .page-toolbar .x-toolbar-left-1 { + display: block; + } + .toolbar .page-toolbar .btn-group { + display: block; + } + .btn-group.btn-group-collapse > .btn { + margin: 2px; + display: block; + float: none; + border-radius: 4px!important; + word-wrap: normal; + white-space: normal; + } +} +@media screen and (max-width: 767px) { + .table-responsive { + border: none; + } +} + +.modal-content { + box-shadow: 0 0 10px 1px #000; + border-radius: 3px; + background: var(--main-bg-color); + background-repeat: repeat, no-repeat; + background-attachment: fixed, fixed; + background-position: center center, center center; + background-size: auto, cover; + -webkit-background-size: auto, cover; + -moz-background-size: auto, cover; + -o-background-size: auto, cover; +} + +/* navbar and searchbar */ +.navbar-nzbdrone li a { + color: hsla(0,0%,100%,.7); +} +.navbar-nzbdrone li a:hover { + background-color: hsla(0,0%,100%,.08); + color: #ffffff; +} +.search .input-group .input-group-addon, .search .input-group input { + background-color: rgba(0, 0, 0, .25) !important; + color: #FFF; + border-color: transparent; + height: 40px; +} +.search .input-group .input-group-addon, .search .input-group input:focus { + color: #FFF; +} +.input-group-addon { + background-color: rgba(255, 255, 255, 0.25); + border: 1px solid transparent; +} +.tt-suggestion.tt-cursor { + background-color: #191a1c !important; + color: #ffffff !important; +} +.search .tt-dropdown-menu { + background-color: #1f1f1f; +} +.fa-search { + color: white; +} +.input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn { + height: 50px; +} +.navbar-inverse, .navbar-toggle { + background-color: rgba(0, 0, 0, .25); + border-color: rgba(0, 0, 0, .25); + color: #FFF; +} +.navbar-nzbdrone .navbar-toggle:focus, .navbar-nzbdrone .navbar-toggle:hover { + color: #FFF; + background-color: hsla(0,0%,100%,.08); +} +@media (max-width: 767px) { +.navbar-nzbdrone .navbar-collapse .navbar-nav li:focus, .navbar-nzbdrone .navbar-collapse .navbar-nav li:hover { + background-color: hsla(0,0%,100%,.08); + } +} +/* Form Stuff */ + +.form-control { + color: #FFF; + background-color: rgba(0, 0, 0, .25) !important; + border: 1px solid transparent; +} + +.form-control:focus { + background-color: #1f1f1f !important; + border-color: rgba(0, 0, 0, 0.51); + outline: 0; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.6); +} + +.bootstrap-tagsinput { + background-color: rgba(0, 0, 0, .25); + border: 1px solid rgba(0, 0, 0, .25); + color: #FFF; +} +.form-group i { + color: #ffffff; +} + +/* /Movies/Series/Season page */ +.started #page { + background-color: rgba(0, 0, 0, .25); + color: White; + box-shadow: none; + max-width: 1280px; +} +.series-item a { + color: #FFF; +} +.series-posters .series-posters-item, .movie-posters-item { + background-color: rgba(0, 0, 0, .25) !important; + color: #444; + box-shadow: 0 0 10px 1px #000000 !important; +} +.movie-posters-item { + min-height: 302px !important; +} +.header-text .year { + color: #FFF; +} +.backdrop .navbar-nzbdrone { + opacity: 0.98; + box-shadow: 0 0 10px 1px #000; + border-radius: 3px; + background: var(--main-bg-color); + background-repeat: repeat, no-repeat; + background-attachment: fixed, fixed; + background-position: center center, center center; + background-size: auto, cover; + -webkit-background-size: auto, cover; + -moz-background-size: auto, cover; + -o-background-size: auto, cover; +} + +.series-page-header, .movie-page-header { + opacity: 0.98; + box-shadow: 0 0 10px 1px #000; + color: #ffffff; + background: var(--main-bg-color); + background-repeat: repeat, no-repeat; + background-attachment: fixed, fixed; + background-position: center center, center center; + background-size: auto, cover; + -webkit-background-size: auto, cover; + -moz-background-size: auto, cover; + -o-background-size: auto, cover; +} +.series-season, .movie-tabs-card { + opacity: 0.98; + box-shadow: 0 0 10px 1px #000; + color: #ffffff; + background: var(--main-bg-color); + background-repeat: repeat, no-repeat; + background-attachment: fixed, fixed; + background-position: center center, center center; + background-size: auto, cover; + -webkit-background-size: auto, cover; + -moz-background-size: auto, cover; + -o-background-size: auto, cover; +} +.episode-title-cell { + color: #ffffff; +} +a, .episode-title-cell { + color: #FFFFFF !important; + text-decoration: none; +} +th.sortable:hover, .table-hover > tbody > tr:hover { + background-color: rgba(0, 0, 0, .25); + color: #ffffff; +} +.progress.episode-progress .progressbar-back-text { + color: #000 !important; +} +.text-warning { + color: #ffffff; +} + +/* SEARCH */ +#add-series-screen .new-series .search-item, +#add-movies-screen .new-movies .search-item { + background-color: rgba(0, 0, 0, .25) !important; + color: #FFFFFF !important; + box-shadow: none; +} +div.form-group > label { + font-weight: 500; +} +#add-series-screen .add-series-search > input.form-control.x-series-search, +#add-movies-screen .add-movies-search > input.form-control.x-movies-search { + background-color: rgba(0, 0, 0, .25) !important; + color: #FFFFFF !important; + border: none; + box-shadow: none; +} +#add-series-screen .search-item select.form-control, +#add-movies-screen .search-item select.form-control { + background-color: #1f1f1f ; + color: #FFFFFF; +} +.dropdown-menu>li>a { + color: #ffffff; +} +.dropdown-menu>li>a:hover { + color: #000; +} + +.input-group.input-group-lg.add-series-search > .input-group-addon, +.input-group.input-group-lg.add-movies-search > .input-group-addon { + color: #FFFFFF; + background-color: rgba(0, 0, 0, .25); + border: 0px solid rgba(0, 0, 0, .25); +} +/* Add Movies */ +.nav .open>a, .nav .open>a:focus, .nav .open>a:hover { + background-color: hsla(0,0%,100%,.08); + border-color: #FFF; +} +.discoverable-list-item:hover { + background-color: #1f1f1f; + color: white; +} +.btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn.active, +.btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover { + background-color: hsla(0,0%,100%,.08); +} + +/* Add Series */ +#add-series-screen .existing-series { + background-color: rgba(0, 0, 0, 0); + color: #fff; + box-shadow: 0 0 10px 1px #000000; +} + +/* Calendar page */ + /* In Cinemas */ + .calendar .premiere { + border-color: rgb(var(--calendar-in-cinemas)); + background-color: rgb(var(--calendar-in-cinemas)); + } + /* Missing */ + .calendar .danger { + border-color: rgb(var(--calendar-missing)); + background-color: rgb(var(--calendar-missing)); + color: #fff; + } + /* Announced */ + .calendar .primary { + border-color: rgb(var(--calendar-announced)); + background-color: rgb(var(--calendar-announced)); + } + /* Downloaded */ + .calendar .success { + border-color: rgb(var(--calendar-downloaded)); + background-color: rgb(var(--calendar-downloaded)); + } + /* Downloading */ + .calendar .purple { + border-color: rgb(var(-calendar-downloading)); + background-color: rgb(var(-calendar-downloading)); + } + /* Unmonitored */ + .calendar .unmonitored { + border-color: rgb(var(--calendar-unmonitored)); + background-color: rgb(var(--calendar-unmonitored)); + } + + .event .primary { + border-color: rgba(0, 0, 0, .25); + } + + /* upcoming panel */ +.event h4, .date h4, .event .episode-title { + color: #FFFFFF !important; +} +.event .episode-title { + color: #f9be03 !important; +} +.event .episode-title:focus, .event .episode-title:hover { + color: #f9be03; + text-decoration: underline; + background-color: transparent; +} +a:focus, a:hover { + color: #ffffff; +} +.event p { + color: #FFF; +} +.fc-title { + color: #FFF; +} +/* calendar month */ + +.calendar th { + background-color: hsla(0,0%,100%,.08); + color: #FFFFFF; +} +.fc-day.fc-today.fc-state-highlight, +.fc-day-number.fc-today.fc-state-highlight, +.fc-day-top.fc-today.fc-state-highlight { + background-color: hsla(0,0%,100%,.08); + color: #f9be03; +} + +/* Calendar List */ + +.fc-list-item:hover td { + background-color: rgba(0, 0, 0, 0.1) !important; +} +.fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-popover .fc-header { + background: rgba(0, 0, 0, 0.1) !important; +} +.fc-unthemed .fc-list-view { + border-color: rgba(0, 0, 0, 0.1); +} + +/* Activity Page */ +.popover.in { + opacity: .9; +} +.popover { + background-color: #000; + color: #fff; +} +.popover > .popover-title { + background-color: #000; + color: #fff; + border: none; +} +.popover.left > .arrow, +.popover.left > .arrow:after { + border-left-color: #000; +} +.popover.right > .arrow:after { + border-right-color: #000; +} + +.backgrid-paginator ul .active span { + background-color: rgba(0, 0, 0, 0); +} +.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { + background-color: hsla(0,0%,100%,.08); +} +.nav>li>a:focus, .nav>li>a:hover { + background-color: hsla(0,0%,100%,.08); +} +.TableRowCell-cell-2fbg4 .ProgressBar-primary-3YDfb { + background-color: var(--accent-color); +} + +/* Season Pass */ +.alert-info { + background-color: rgba(255, 255, 255, 0.25); + border-color: transparent; + color: #ffffff; +} +/* alerts */ +.alert-warning { + background-color: rgba(0, 0, 0, 0.25); + border-color: transparent; + color: #f0ad4e; +} +.alert-danger, .manual-import-error { + background-color: rgba(0, 0, 0, 0.25); + border-color: transparent; + color: #d9534f; +} + +/* Settings Page */ +legend { + color: #FFFFFF; +} +/* nav bar tabs */ +.nav-tabs { + border-bottom: 1px solid #ddd !important; +} + +@media (min-width: 768px) { +.nav-tabs.nav-justified>li>a { + margin-bottom: -1px; +} +} +/* Settings Page - Profile */ +/*thingy*/ + +.thingy { + background-color: rgba(0, 0, 0, 0.25); + color: #FFFFFF; + box-shadow: none; + border: 1px solid rgba(0, 0, 0, 0.25); +} + +.add-card .center { + background-color: rgba(0, 0, 0, 0); + border: 1px solid rgba(0, 0, 0, 0); +} + +.metadata-item { + background-color: rgba(0, 0, 0, 0.25); + color: #FFFFFF; + box-shadow: none; +} + +/* Settings add thingy*/ + +.add-thingy { + background-color: rgba(0, 0, 0, 0.25); + color: #FFFFFF; + box-shadow: none; +} + +.add-thingy > div > .btn-default, +.add-thingy > div > div > .btn.btn-xs.btn-default.dropdown-toggle { + color: #FFFFFF; + background-color: rgba(0, 0, 0, 0.25); + border-color: #FFFFFF; + outline-style: none; +} + +.add-thingy > div > .btn-default:hover, +.add-thingy > div > div > .btn.btn-xs.btn-default.dropdown-toggle:hover { + color: #FFF; + background-color: rgba(0, 0, 0, 0.25); + border-color: #FFF; + outline-style: none; +} +li.save-and-add { + color: #ffffff; +} + +/* Settings qualities*/ +ul.qualities li { + border: 1px solid rgba(0, 0, 0, .25); + background: rgba(0, 0, 0, .25); +} +ul.qualities li:hover { + border: 1px solid rgba(0, 0, 0, .25); + background: rgba(255, 255, 255, .25); +} +ul.qualities li.selected .quality-label { + color: #ffffff; +} + +/* Settings Quality sliders */ +#quality-definition-list .rows .row .ui-slider .ui-slider-range { + background-color: rgb(46, 47, 49); +} +#quality-definition-list .rows .row .ui-slider .ui-slider-handle { + background-color: #f5f5f5; + border: 1px solid #c7c7c7; +} +#quality-definition-list .rows .row .ui-slider { + border: 1px solid #2e2f31; +} +.label-warning { + background-color: #d58512; +} +.label-info { + background-color: #337ab7; +} + +/* SYSTEM logs */ +pre { + color: #fff; + background-color: rgba(0, 0, 0, .25); +} + +/* BUTTONS */ + /* YES/NO Switch */ +.well { + background-color: rgba(0, 0, 0, .25); + border: 1px solid transparent; +} +.toggle p span { + color: rgba(0, 0, 0, 0); +} + +.toggle input:checked ~ p span:nth-child(1) { + color: #FFFFFF; +} + +.toggle input:not(:checked) ~ p span:nth-child(2) { + color: #FFFFFF; +} + /* Close X button */ +.close, +.close:hover, +.close:focus { + color: #FFF !important; + opacity: 1; + outline: none; +} +.btn-default { + color: hsla(0,0%,100%,.7); + background-color: rgba(0, 0, 0, .25); + border-color: transparent; + outline-style: none; +} +.btn-default:hover { + color: #FFFFFF; + background-color: hsla(0,0%,100%,.08); + border-color: transparent; + outline-style: none; +} +.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default { + color: #fff; +} +.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group { + margin-left: 0px; +} +.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: #fff; + background-color: hsla(0,0%,100%,.08); + border-color: #FFF; +} +.fc-state-default { + color: #FFF; + background-color: rgba(0, 0, 0, .25); + border-color: #FFF; + outline-style: none; + background-image: none; + text-shadow: none; +} +.fc-state-default:hover { + background-color: hsla(0,0%,100%,.08); +} +.input-group-btn > button.btn.btn-icon-only.dropdown-toggle, +.btn.btn-icon-only.x-copy-api-key.hidden-xs { + color: #FFFFFF; + background-color: #5cb85c; +} +.input-group-btn > button.btn.btn-icon-only.dropdown-toggle:hover { + color: #FFFFFF; + background-color: #449d44; +} + +.btn { + color: #FFF; + outline: 0 !important; +} +.btn.btn-lg.btn-block.x-search-auto { + color: #FFF; + background-color: rgba(0, 0, 0, .25); +} +.btn.btn-lg.btn-block.x-search-auto:hover { + color: #FFF; + background-color: rgba(255, 255, 255, 0.05); +} +.btn.focus, .btn:focus, .btn:hover { + color: #fff; + border-color: transparent; +} +.modal-footer > button:not([class*="btn-primary"]):not([class*="btn-danger"]):not([class*="btn-success"]) { + color: #FFF; + background-color: rgba(0, 0, 0, .25); + border-color: transparent; + outline-style: none; +} +.modal-footer > button:hover:not([class*="btn-primary"]):not([class*="btn-danger"]):not([class*="btn-success"]) { + color: #FFF; + background-color: rgba(255, 255, 255, .25); + border-color: transparent; + outline-style: none; +} +/* green button */ + .btn-success { + color: #FFF; +} + +/* save button */ +.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, +.btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover { + color: #fff; + background-color: #286090 !important; + border-color: transparent; +} + +/* blue button */ +.btn-primary.focus, .btn-primary:focus, .btn-primary:hover { + color: #fff; + background-color: #286090 !important; +} +.btn-success.focus, .btn-success:focus, .btn-success:hover { + color: #fff; + background-color: #449d44 !important; +} +.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default { + background-color: hsla(0,0%,100%,.08); +} +.btn-danger:hover { + color: #fff; + background-color: #c9302c; + border-color: transparent; +} +.btn-primary, .btn-danger { + border-color: transparent; +} +.dropdown-menu { + background-color: #1f1f1f; +} +.dropdown-menu>li>a { + color: #ffffff; +} +.dropdown-menu>li>a:hover { + color: #000 !important; +} \ No newline at end of file diff --git a/CSS/themes/radarr/space-gray.css b/CSS/themes/radarr/space-gray.css index 7bb4de86..16bb04a2 100644 --- a/CSS/themes/radarr/space-gray.css +++ b/CSS/themes/radarr/space-gray.css @@ -1 +1,27 @@ -@import url(https://theme-park.dev/CSS/themes/radarr/radarr-base.css);@import url(https://theme-park.dev/CSS/variables/space-gray.css);: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;--queue-color:#81a6b7} \ No newline at end of file + +/* 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 */ + +/* RADARR SPACE GRAY THEME */ +@import url(https://theme-park.dev/CSS/themes/radarr/radarr-base.css); +@import url(https://theme-park.dev/CSS/variables/space-gray.css); + +/* APP VARS */ +: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; + --queue-color: #81a6b7; +} diff --git a/CSS/themes/readarr/aquamarine.css b/CSS/themes/readarr/aquamarine.css index 708845a6..970b7bca 100644 --- a/CSS/themes/readarr/aquamarine.css +++ b/CSS/themes/readarr/aquamarine.css @@ -1 +1,27 @@ -@import url(https://theme-park.dev/CSS/themes/readarr/readarr-base.css);@import url(https://theme-park.dev/CSS/variables/aquamarine.css);: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;--queue-color:#009688} \ No newline at end of file + +/* 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 */ + +/* READARR AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/readarr/readarr-base.css); +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); + +/* APP VARS */ +: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; + --queue-color: #009688; +} \ No newline at end of file diff --git a/CSS/themes/readarr/dark.css b/CSS/themes/readarr/dark.css index 8310be99..425f2cd9 100644 --- a/CSS/themes/readarr/dark.css +++ b/CSS/themes/readarr/dark.css @@ -1 +1,27 @@ -@import url(https://theme-park.dev/CSS/themes/readarr/readarr-base.css);@import url(https://theme-park.dev/CSS/variables/dark.css);: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;--queue-color:#6b5} \ No newline at end of file + +/* 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 */ + +/* READARR DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/readarr/readarr-base.css); +@import url(https://theme-park.dev/CSS/variables/dark.css); + +/* APP VARS */ +: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; + --queue-color: #6b5; +} \ No newline at end of file diff --git a/CSS/themes/readarr/dracula.css b/CSS/themes/readarr/dracula.css index 32bb4105..246ff254 100644 --- a/CSS/themes/readarr/dracula.css +++ b/CSS/themes/readarr/dracula.css @@ -1 +1,27 @@ -@import url(https://theme-park.dev/CSS/themes/readarr/readarr-base.css);@import url(https://theme-park.dev/CSS/variables/dracula.css);: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;--queue-color:#50fa7b} \ No newline at end of file + +/* 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 */ + +/* READARR AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/readarr/readarr-base.css); +@import url(https://theme-park.dev/CSS/variables/dracula.css); + +/* APP VARS */ +: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; + --queue-color: #50fa7b; +} \ No newline at end of file diff --git a/CSS/themes/readarr/hotline.css b/CSS/themes/readarr/hotline.css index 8beac628..143aad56 100644 --- a/CSS/themes/readarr/hotline.css +++ b/CSS/themes/readarr/hotline.css @@ -1 +1,27 @@ -@import url(https://theme-park.dev/CSS/themes/readarr/readarr-base.css);@import url(https://theme-park.dev/CSS/variables/hotline.css);: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;--queue-color:#6b5} \ No newline at end of file + +/* 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 */ + +/* READARR HOTLINE THEME */ +@import url(https://theme-park.dev/CSS/themes/readarr/readarr-base.css); +@import url(https://theme-park.dev/CSS/variables/hotline.css); + +/* APP VARS */ +: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; + --queue-color: #6b5; +} \ No newline at end of file diff --git a/CSS/themes/readarr/organizr-dark.css b/CSS/themes/readarr/organizr-dark.css index a2188a50..ba1a792a 100644 --- a/CSS/themes/readarr/organizr-dark.css +++ b/CSS/themes/readarr/organizr-dark.css @@ -1 +1,27 @@ -@import url(https://theme-park.dev/CSS/themes/readarr/readarr-base.css);@import url(https://theme-park.dev/CSS/variables/organizr-dark.css);: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;--queue-color:#2cabe3} \ No newline at end of file + +/* 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 */ + +/* READARR ORGANIZR-DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/readarr/readarr-base.css); +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); + +/* APP VARS */ +: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; + --queue-color: #2cabe3; +} \ No newline at end of file diff --git a/CSS/themes/readarr/plex.css b/CSS/themes/readarr/plex.css index 174ca280..107deaa6 100644 --- a/CSS/themes/readarr/plex.css +++ b/CSS/themes/readarr/plex.css @@ -1 +1,27 @@ -@import url(https://theme-park.dev/CSS/themes/readarr/readarr-base.css);@import url(https://theme-park.dev/CSS/variables/plex.css);: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;--queue-color:#27c24c} \ No newline at end of file + +/* 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 */ + +/* READARR PLEX THEME */ +@import url(https://theme-park.dev/CSS/themes/readarr/readarr-base.css); +@import url(https://theme-park.dev/CSS/variables/plex.css); + +/* APP VARS */ +: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; + --queue-color: #27c24c; +} \ No newline at end of file diff --git a/CSS/themes/readarr/readarr-base.css b/CSS/themes/readarr/readarr-base.css index 8545b36d..49eca35a 100644 --- a/CSS/themes/readarr/readarr-base.css +++ b/CSS/themes/readarr/readarr-base.css @@ -1 +1,1195 @@ -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)}[class*=FormInputHelpText-helpText-]{color:var(--text)}[class*=FormInputGroup-inputUnit-]{color:var(--text)!important}[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}[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)}[class*=ErrorPage-page-],[class*=ErrorPage-version-],[class*=LoadingMessage-loadingMessage-]{color:var(--text)}[class*=LoadingIndicator-ripple-]{border:2px solid #fff}[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}[class*=TagInput-internalInput-]{background-color:transparent;color:#fff}[class*=SelectInput-select-]{background-color:rgba(0,0,0,.25)!important}[class*=SelectInput-select-]:active,[class*=SelectInput-select-]:focus{background:#1e1e1e!important}[class*=AutoSuggestInput-suggestionsContainer-],[class*=AutoSuggestInput-suggestionsContainerOpen-],[class*=AutoSuggestInput-suggestionsList-]{background-color:#323232!important;color:#fff;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}[class*=PageHeader-header-]{background-color:rgba(0,0,0,.35)}[class*=PageHeader-donate-]{color:#c4273c!important}[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,.25)}[class*=ImportAuthorSelectAuthor-results-]::-webkit-scrollbar-thumb,[class*=OverlayScroller-thumb-],[class*=Scroller-scroller-]::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.08)!important}[class*=ImportAuthorSelectAuthor-results-]::-webkit-scrollbar-thumb:hover,[class*=OverlayScroller-thumb-]:hover,[class*=Scroller-scroller-]::-webkit-scrollbar-thumb:hover{background-color:rgba(255,255,255,.25)!important}[class*=EnhancedSelectInput-options-]{border:1px solid rgba(255,255,255,.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,.2)!important;color:var(--text-hover)}[class*=EnhancedSelectInputOption-option-]:hover{background-color:rgba(255,255,255,.08)}[class*=HintedSelectInputOption-hintText-],[class*=RootFolderSelectInputOption-freeSpace-]{color:var(--text)}[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,.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))}[class*=AuthorIndexPoster-controls-]{background-color:rgb(var(--accent-color))!important}[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,.25)}[class*=".ProgressBar-purple-"]{background-color:rgb(var(--accent-color))}[class*=AuthorDetailsSeason-albumType-],[class*=AuthorDetailsSeason-collapseButtonContainer-]{border:none!important;background-color:rgba(0,0,0,.25)!important}[class*=AuthorDetails-metadataMessage-],[class*=AuthorDetailsSeason-albumCount-],[class*=AuthorDetailsSeason-header-]{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}[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-body-],[class*=Popover-title-],[class*=SeasonInfo-title-],[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(--label-text-color)}[class*=AuthorDetails-authorNavigationButton-]:hover,[class*=AuthorDetails-authorUpButton-]:hover,[class*=AuthorDetailsHeader-monitorToggleButton-]:hover,[class*=BookDetails-bookNavigationButton-]:hover,[class*=BookDetails-bookUpButton-]:hover,[class*=BookDetailsHeader-monitorToggleButton-1F9Pp]: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(--queue-color);background-color:var(--queue-color);color:#fff}[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%)}[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-isDisabled-]:hover,[class*=PageToolbarButton-toolbarButton-][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))}[class*=AuthorIndexPoster-title-],[class*=AuthorIndexPosterInfo-info-]{background-color:rgba(255,255,255,.08);color:var(--text-hover)}[class*=MenuContent-menuContent-],[class*=MenuItem-menuItem-]{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:#000 0 0 5px 0}[class*=MenuItem-menuItem-]:focus,[class*=MenuItem-menuItem-]:hover{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}[class*=PageJumpBar-jumpBar-]{color:#fff}[class*=AddNewItem-searchIconContainer-],[class*=CheckInput-isIndeterminate-],[class*=Input-input-]{border:none;background-color:rgba(255,255,255,.08);color:#fff}[class*=AuthorSearchInput-input-][class*=Input-input-]{background:0 0;border-bottom:solid 1px #fff}[class*=AuthorSearchInput-input-][class*=Input-input-]:focus{border-bottom:none;background:0 0}[class*=AuthorSearchResult-alternateTitle-]{color:#fff;font-size:12px}[class*=Input-input-]:focus{outline:0;border-color:#fff;box-shadow:none;background-color:rgba(255,255,255,.25)}[class*=TagInput-input-][class*=TagInput-isFocused-]{outline:0;border-color:#fff;box-shadow:none}[class*=PageContentBody-innerContentBody-]{color:var(--text)}[class*=AddNewAuthorSearchResult-year-]{color:#fff}[class*=AddNewAlbumSearchResult-underlay-],[class*=AddNewAuthorSearchResult-searchResult-],[class*=AddNewAuthorSearchResult-underlay-]{background-color:transparent}[class*=AddNewAlbumSearchResult-underlay-]:hover,[class*=AddNewAuthorSearchResult-searchResult-]:hover,[class*=AddNewAuthorSearchResult-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)}[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,.08)}input::-webkit-input-placeholder{color:var(--text)}input:focus::-webkit-input-placeholder{color:var(--text-hover)}input:-moz-placeholder{color:var(--text)}input:focus:-moz-placeholder{color:var(--text-hover)}input::-moz-placeholder{color:var(--text)}input:focus::-moz-placeholder{color:var(--text-hover)}input:-ms-input-placeholder{color:var(--text)}input:focus:-ms-input-placeholder{color:var(--text-hover)}[class*=ImportAuthorSelectFolder-header-]{color:#fff}[class*=ExpandingFileDetails-fileDetails-]{border:1px solid rgb(255 255 255 / .1);background-color:rgb(255 255 255 / 8%)}[class*=ImportAuthorSelectAuthor-button-]{border:none;background-color:rgba(0,0,0,.25)!important;color:#fff}[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,.08)}[class*=PageJumpBarItem-jumpBarItem-]:hover{color:#fff;background:hsla(0,0%,100%,.08)}[class*=PageContentFooter-contentFooter-]{border:none;background-color:rgba(0,0,0,.25);color:#fff}[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-]{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-event-]{border-bottom:1px solid transparent}[class*=CalendarEventGroup-eventGroup-]{border-bottom:1px solid hsla(0,0%,100%,.08)!important}[class*=AgendaEvent-event-]:hover{background-color:hsla(0,0%,100%,.08)!important}[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}[class*=NamingOption-small-]{border:1px solid transparent}[class*=NamingOption-token-]{background-color:rgba(255,255,255,.15)}[class*=NamingOption-token-]{background-color:rgba(255,255,255,.15)}[class*=NamingOption-example-]{background-color:rgba(255,255,255,.25)}[class*=NamingOption-option-]{border:1px solid transparent}[class*=NamingOption-option-]:hover [class*=NamingOption-token-]{background-color:rgba(255,255,2550,.25)}[class*=NamingOption-option-]:hover [class*=NamingOption-example-]{background-color:rgba(255,255,2550,.35)}[class*=Card-card-],[class*=QualityProfiles-addQualityProfile-]{background-color:rgba(0,0,0,.45);box-shadow:0 0 10px 1px #000;color:var(--text)}[class*=Card-card-]:hover{color:var(--text-hover)}[class*=LanguageProfiles-center-],[class*=QualityProfiles-center-],[class*=ReleaseProfiles-center-]{background-color:transparent;border:none}[class*=LanguageProfileItem-languageProfileItem-],[class*=QualityProfileItem-qualityProfileItem-],[class*=QualityProfileItemGroup-qualityProfileItemGroup-]{border:none;background-color:rgba(0,0,0,.25);color:#fff}[class*=QualityProfileItemGroup-qualityProfileItemGroup-][class*=QualityProfileItemGroup-editGroups-]{background:rgba(0,0,0,.25)}[class*=KeyValueListInputItem-keyInput-],[class*=KeyValueListInputItem-valueInput-]{border:none;background:0 0;color:#fff}[class*=QualityProfileFormatItem-qualityProfileFormatItem-]{border:1px solid transparent;background:rgba(0,0,0,.25)}[class*=QualityDefinitions-sizeLimitHelpText-]{color:var(--text)}[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 #000;color:var(--text)}[class*=LanguageProfiles-center-],[class*=MetadataProfiles-center-],[class*=QualityProfiles-center-],[class*=RootFolders-center-]{background-color:transparent;border:none}[class*=RootFolders-center-]{border:1px solid transparent}[class*=DownloadClients-center-],[class*=ImportLists-center-],[class*=Indexers-center-],[class*=Notifications-center-],[class*=Restrictions-center-]{display:inline-block;padding:15px 20px 15px;border-radius:4px}[class*=DownloadClients-center-]{background-color:transparent;border:none}[class*=Notifications-center-]{background-color:transparent;border:none}[class*=ImportLists-center-]{background-color:transparent;border:none}[class*=Alert-info-]{border-color:transparent;background-color:rgba(0,0,0,.25);color:#ffc107}[class*=Restrictions-center-]{border:1px solid transparent;background-color:transparent}[class*=NetImports-center-]{border:1px solid transparent;background-color:transparent}[class*=CustomFormats-center-],[class*=EditCustomFormatModalContent-center-]{border:1px solid transparent;background-color:transparent}.panel-body{background-color:rgba(0,0,0,.25);color:var(--text)}.panel-header{background-color:rgba(0,0,0,.45)}.forgot-password{color:var(--text)!important}input[type=email],input[type=password]{border:none;background-color:rgba(255,255,255,.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,.25)}[class*=FilterBuilderRow-filterRow-]:hover{background-color:transparent}[class*=CustomFilter-customFilter-]:hover{background-color:hsla(0,0%,100%,.08)}[class*=AuthorIndexPoster-link-],[class*=AuthorIndexPoster-title-]{background-color:rgba(255,255,255,.08)}[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}[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)}[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}[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}[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)}[class*=BookDetails-tab-]{color:#fff} \ No newline at end of file +/* 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-"] { + 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(--queue-color); + background-color: var(--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-"] { + 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-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; +} + +/*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/readarr/space-gray.css b/CSS/themes/readarr/space-gray.css index dae51a6e..a37f44d9 100644 --- a/CSS/themes/readarr/space-gray.css +++ b/CSS/themes/readarr/space-gray.css @@ -1 +1,27 @@ -@import url(https://theme-park.dev/CSS/themes/readarr/readarr-base.css);@import url(https://theme-park.dev/CSS/variables/space-gray.css);: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;--queue-color:#81a6b7} \ No newline at end of file + +/* 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 */ + +/* READARR SPACE GRAY THEME */ +@import url(https://theme-park.dev/CSS/themes/readarr/readarr-base.css); +@import url(https://theme-park.dev/CSS/variables/space-gray.css); + +/* APP VARS */ +: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; + --queue-color: #81a6b7; +} \ No newline at end of file diff --git a/CSS/themes/requestrr/aquamarine.css b/CSS/themes/requestrr/aquamarine.css index c2b92fd6..58c6cd22 100644 --- a/CSS/themes/requestrr/aquamarine.css +++ b/CSS/themes/requestrr/aquamarine.css @@ -1 +1,24 @@ -@import url(https://theme-park.dev/CSS/themes/requestrr/requestrr-base.css);:root{--main-bg-color:radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;--modal-bg-color:radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;--button-color:#009688;--button-color-hover:#12afa0;--accent-color:#009688;--text-color:#eee;--text-color-faded:#ddd} \ No newline at end of file + +/* 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 */ + +/* REQUESTRR AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/requestrr/requestrr-base.css); +:root { + --main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; + --modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; + --button-color: #009688; + --button-color-hover: #12afa0; + --accent-color: #009688; + --text-color: #eee; + --text-color-faded: #ddd; +} diff --git a/CSS/themes/requestrr/dark.css b/CSS/themes/requestrr/dark.css index e45df7df..4a9e88ba 100644 --- a/CSS/themes/requestrr/dark.css +++ b/CSS/themes/requestrr/dark.css @@ -1 +1,24 @@ -@import url(https://theme-park.dev/CSS/themes/requestrr/requestrr-base.css);: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;--button-color:hsla(0,0%,100%,.15);--button-color-hover:hsla(0,0%,100%,.30);--accent-color:rgba(255, 255, 255, 0.25);--text-color:#eee;--text-color-faded:#ddd} \ No newline at end of file + +/* 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 */ + +/* REQUESTRR DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/requestrr/requestrr-base.css); +: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; + --button-color: hsla(0,0%,100%,.15); + --button-color-hover: hsla(0,0%,100%,.30); + --accent-color: rgba(255, 255, 255, 0.25); + --text-color: #eee; + --text-color-faded: #ddd; + } \ No newline at end of file diff --git a/CSS/themes/requestrr/hotline.css b/CSS/themes/requestrr/hotline.css index f950d8e1..82ed7a2e 100644 --- a/CSS/themes/requestrr/hotline.css +++ b/CSS/themes/requestrr/hotline.css @@ -1 +1,24 @@ -@import url(https://theme-park.dev/CSS/themes/requestrr/requestrr-base.css);:root{--main-bg-color:radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;--modal-bg-color:radial-gradient(ellipse at 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);--accent-color:#F44336;--text-color:#eee;--text-color-faded:#ddd} \ No newline at end of file + +/* 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 */ + +/* REQUESTRR HOTLINE THEME */ +@import url(https://theme-park.dev/CSS/themes/requestrr/requestrr-base.css); +:root { + --main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; + --modal-bg-color: radial-gradient(ellipse at 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); + --accent-color: #F44336; + --text-color: #eee; + --text-color-faded: #ddd; +} \ No newline at end of file diff --git a/CSS/themes/requestrr/organizr-dark.css b/CSS/themes/requestrr/organizr-dark.css index 078dc61e..f65a3382 100644 --- a/CSS/themes/requestrr/organizr-dark.css +++ b/CSS/themes/requestrr/organizr-dark.css @@ -1 +1,24 @@ -@import url(https://theme-park.dev/CSS/themes/requestrr/requestrr-base.css);:root{--main-bg-color:#1f1f1f;--modal-bg-color:#1b1b1b;--button-color:#2cabe3;--button-color-hover:rgb(44 171 227 / .8);--accent-color:#2cabe3;--text-color:#96a2b4;--text-color-faded:#ddd} \ No newline at end of file + +/* 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 */ + +/* REQUESTRR ORGANIZR-DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/requestrr/requestrr-base.css); +:root { + --main-bg-color: #1f1f1f; + --modal-bg-color: #1b1b1b; + --button-color: #2cabe3; + --button-color-hover: rgb(44 171 227 / .8); + --accent-color: #2cabe3; + --text-color: #96a2b4; + --text-color-faded: #ddd; + } \ No newline at end of file diff --git a/CSS/themes/requestrr/plex.css b/CSS/themes/requestrr/plex.css index 7c13c81d..87db8791 100644 --- a/CSS/themes/requestrr/plex.css +++ b/CSS/themes/requestrr/plex.css @@ -1 +1,24 @@ -@import url(https://theme-park.dev/CSS/themes/requestrr/requestrr-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;--text-color:#eee;--text-color-faded:#ddd} \ No newline at end of file + +/* 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 */ + +/* REQUESTRR PLEX THEME */ +@import url(https://theme-park.dev/CSS/themes/requestrr/requestrr-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; + --text-color: #eee; + --text-color-faded: #ddd; + } \ No newline at end of file diff --git a/CSS/themes/requestrr/requestrr-base.css b/CSS/themes/requestrr/requestrr-base.css index a386354f..9603a658 100644 --- a/CSS/themes/requestrr/requestrr-base.css +++ b/CSS/themes/requestrr/requestrr-base.css @@ -1 +1,401 @@ -body{color:var(--text-color);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)!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}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:var(--text-color)}.form-control-label,.text-muted{color:var(--text-color-faded)!important}.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:#fff}.navbar-light .navbar-nav .nav-link{color:var(--text-color)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:var(--text-color-faded);background:rgba(255,255,255,.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,.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,.1),0 15px 35px rgba(0,0,0,.15),0 5px 15px rgba(0,0,0,.1)}}@media (max-width:767.98px){.navbar-nav .nav-link{color:var(--text-color)!important}}#sidenav-main>div>div>ul.mb-md-3.navbar-nav>li:nth-child(3)>a>i{color:#fff!important}.card-profile-image img,.navbar-vertical,.shadow{box-shadow:none!important}.fade{-webkit-transition:opacity .15s linear;transition:opacity .15s linear;background:rgba(0,0,0,.15)!important}.bg-secondary{background-color:rgba(0,0,0,0)!important}.bg-gradient-default{background:0 0!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,.25)!important}.footer{padding-left:15px}#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}}.form-control:disabled,.form-control[readonly]{background-color:rgba(255,255,255,.1);opacity:1;border:1px solid transparent;color:gray}.form-control-alternative,.has-danger .form-control{background:rgba(0,0,0,.25);background-color:rgba(0,0,0,.25)}.form-control-alternative:focus{background:rgba(0,0,0,.5)}.form-control:focus{color:#fff}.has-success .form-control{background-color:rgba(0,0,0,.5)}.form-control{color:var(--text-color);border:1px solid transparent}.react-dropdown-select.dropdown .react-dropdown-select-item-selected{background:var(--accent-color)!important;color:#fff!important}.react-dropdown-select.dropdown div[role=list] span{background-color:#fff;color:#000}.react-dropdown-select.dropdown div[role=list] span:focus,.react-dropdown-select.dropdown div[role=list] span:hover{color:#000;background-color:rgba(0,0,0,.2)}.react-dropdown-select.dropdown{color:var(--text-color);background-color:rgba(0,0,0,.25)}::-webkit-input-placeholder{color:var(--text-color)!important}::-webkit-input-placeholder:focus{color:#00f!important}::-moz-placeholder{color:var(--text-color)!important}:-ms-input-placeholder{color:var(--text-color)!important}:-moz-placeholder{color:var(--text-color)!important}.custom-checkbox .custom-control-input:checked~.custom-control-label:before{background-color:var(--accent-color);border-color:var(--accent-color)}.btn-primary,.btn-primary:hover{color:#fff;background-color:var(--button-color);border-color:var(--button-color)}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;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,.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,.26);border-color:transparent}.btn-default.disabled,.btn-default:disabled{color:#fff;background-color:rgba(255,255,255,.15);border-color:transparent;opacity:.5}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:var(--button-color);border-color:var(--button-color)}.btn-info,.btn-info:hover{color:#fff;background-color:var(--button-color-hover);border-color:var(--button-color-hover)}.bg-gradient-info{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}@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,.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-color);background-color:rgba(0,0,0,.25);border:1px solid transparent!important}.input-group-prepend{margin-right:0}#root>div>div.header.bg-gradient-info.py-7.py-lg-8>div.separator.separator-bottom.separator-skew.zindex-100>svg>polygon{display:none}@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 +/* 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-color); + 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) !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; +} + +.h1, +.h2, +.h3, +.h4, +.h5, +.h6, +h1, +h2, +h3, +h4, +h5, +h6 { + color: var(--text-color); +} + +.text-muted, +.form-control-label { + color: var(--text-color-faded) !important; +} + +.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: white; +} + +.navbar-light .navbar-nav .nav-link { + color: var(--text-color); +} + +.navbar-light .navbar-nav .nav-link:focus, +.navbar-light .navbar-nav .nav-link:hover { + color: var(--text-color-faded); + 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-color) !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: #fff; +} + +.has-success .form-control { + background-color: rgba(0, 0, 0, 0.5); +} + +.form-control { + color: var(--text-color); + border: 1px solid transparent; +} + +/* Drop down*/ +.react-dropdown-select.dropdown .react-dropdown-select-item-selected { + background: var(--accent-color) !important; + color: #fff !important; +} + +.react-dropdown-select.dropdown div[role=list] span { + background-color: #fff; + color: #000000; +} + +.react-dropdown-select.dropdown div[role=list] span:focus, +.react-dropdown-select.dropdown div[role=list] span:hover { + color: #000000; + background-color: rgba(0, 0, 0, 0.2); +} + +.react-dropdown-select.dropdown { + color: var(--text-color); + background-color: rgba(0, 0, 0, 0.25); + +} + +::-webkit-input-placeholder { + /* Chrome/Opera/Safari */ + color: var(--text-color) !important; +} + +::-webkit-input-placeholder:focus { + /* Chrome/Opera/Safari */ + color: blue !important; +} + +::-moz-placeholder { + /* Firefox 19+ */ + color: var(--text-color) !important; +} + +:-ms-input-placeholder { + /* IE 10+ */ + color: var(--text-color) !important; +} + +:-moz-placeholder { + /* Firefox 18- */ + color: var(--text-color) !important; +} + +/* Buttons */ +.custom-checkbox .custom-control-input:checked~.custom-control-label:before { + background-color: var(--accent-color); + border-color: var(--accent-color); +} + +.btn-primary, +.btn-primary:hover { + color: #fff; + background-color: var(--button-color); + border-color: var(--button-color); +} + +.btn-primary:not(:disabled):not(.disabled).active, +.btn-primary:not(:disabled):not(.disabled):active, +.show>.btn-primary.dropdown-toggle { + color: #fff; + 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: #fff; + background-color: var(--button-color); + border-color: var(--button-color); +} + +.btn-info, +.btn-info:hover { + color: #fff; + background-color: var(--button-color-hover); + border-color: var(--button-color-hover); +} + +/* Login page*/ + +.bg-gradient-info { + 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; +} + +@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-color); + 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/requestrr/space-gray.css b/CSS/themes/requestrr/space-gray.css index 4b1005cf..d09662af 100644 --- a/CSS/themes/requestrr/space-gray.css +++ b/CSS/themes/requestrr/space-gray.css @@ -1 +1,24 @@ -@import url(https://theme-park.dev/CSS/themes/requestrr/requestrr-base.css);: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;--button-color:#607D8B;--button-color-hover:#81a6b7;--accent-color:#607D8B;--text-color:#eee;--text-color-faded:#ddd} \ No newline at end of file + +/* 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 */ + +/* RADARR SPACE GRAY THEME */ +@import url(https://theme-park.dev/CSS/themes/requestrr/requestrr-base.css); +: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; + --button-color: #607D8B; + --button-color-hover: #81a6b7; + --accent-color: #607D8B; + --text-color: #eee; + --text-color-faded: #ddd; +} diff --git a/CSS/themes/resilio-sync/aquamarine.css b/CSS/themes/resilio-sync/aquamarine.css index 5b0b97d1..70e5e99a 100644 --- a/CSS/themes/resilio-sync/aquamarine.css +++ b/CSS/themes/resilio-sync/aquamarine.css @@ -1 +1,27 @@ -@import url(https://theme-park.dev/CSS/themes/resilio-sync/resilio-base.css);:root{--main-bg-color:radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;--modal-bg-color:radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;--button-color:#009688;--button-color-hover:#12afa0;--button-text:#eee;--accent-color:#12afa0;--accent-color-hover:#fff;--text:#eee;--text-hover:#fff;--link-color:#12afa0} \ No newline at end of file + +/* 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 */ + +/* RESILIO-SYNC AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/resilio-sync/resilio-base.css); +:root { + --main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; + --modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; + --button-color: #009688; + --button-color-hover: #12afa0; + --button-text: #eee; + --accent-color: #12afa0; + --accent-color-hover: #fff; + --text: #eee; + --text-hover: #fff; + --link-color: #12afa0; +} \ No newline at end of file diff --git a/CSS/themes/resilio-sync/dark.css b/CSS/themes/resilio-sync/dark.css index a74bcf7f..58d4c995 100644 --- a/CSS/themes/resilio-sync/dark.css +++ b/CSS/themes/resilio-sync/dark.css @@ -1 +1,27 @@ -@import url(https://theme-park.dev/CSS/themes/resilio-sync/resilio-base.css);: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;--button-color:hsla(0,0%,100%,.15);--button-color-hover:hsla(0,0%,100%,.30);--button-text:#eee;--accent-color:#fff;--accent-color-hover:rgba(255, 255, 255, 0.45);--text:#eee;--text-hover:#fff;--link-hover:rgba(255, 255, 255, 0.45)} \ No newline at end of file + +/* 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 */ + +/* RESILIO-SYNC DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/resilio-sync/resilio-base.css); +: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; + --button-color: hsla(0,0%,100%,.15); + --button-color-hover: hsla(0,0%,100%,.30); + --button-text: #eee; + --accent-color: #fff; + --accent-color-hover: rgba(255, 255, 255, 0.45); + --text: #eee; + --text-hover: #fff; + --link-hover: rgba(255, 255, 255, 0.45); +} \ No newline at end of file diff --git a/CSS/themes/resilio-sync/hotline.css b/CSS/themes/resilio-sync/hotline.css index 70279552..e2040e78 100644 --- a/CSS/themes/resilio-sync/hotline.css +++ b/CSS/themes/resilio-sync/hotline.css @@ -1 +1,27 @@ -@import url(https://theme-park.dev/CSS/themes/resilio-sync/resilio-base.css);:root{--main-bg-color:radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;--modal-bg-color:radial-gradient(ellipse at 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;--accent-color:#F44336;--accent-color-hover:#0b3161;--text:#eee;--text-hover:#fff;--link-hover:#F44336} \ No newline at end of file + +/* 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 */ + +/* RESILIO-SYNC HOTLINE THEME */ +@import url(https://theme-park.dev/CSS/themes/resilio-sync/resilio-base.css); +:root { + --main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; + --modal-bg-color: radial-gradient(ellipse at 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; + --accent-color: #F44336; + --accent-color-hover: #0b3161; + --text: #eee; + --text-hover: #fff; + --link-hover: #F44336; +} \ No newline at end of file diff --git a/CSS/themes/resilio-sync/organizr-dark.css b/CSS/themes/resilio-sync/organizr-dark.css index 8d3a7372..c4c0921e 100644 --- a/CSS/themes/resilio-sync/organizr-dark.css +++ b/CSS/themes/resilio-sync/organizr-dark.css @@ -1 +1,27 @@ -@import url(https://theme-park.dev/CSS/themes/resilio-sync/resilio-base.css);:root{--main-bg-color:#1f1f1f;--modal-bg-color:#1b1b1b;--button-color:#2cabe3;--button-color-hover:#2a90bd;--button-text:#eee;--accent-color:#2cabe3;--accent-color-hover:#fff;--text:#96a2b4;--text-hover:#fff;--link-color:#2cabe3} \ No newline at end of file + +/* 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 */ + +/* RESILIO-SYNC ORGANIZR-DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/resilio-sync/resilio-base.css); +:root { + --main-bg-color: #1f1f1f; + --modal-bg-color: #1b1b1b; + --button-color: #2cabe3; + --button-color-hover: #2a90bd; + --button-text: #eee; + --accent-color:#2cabe3; + --accent-color-hover: #fff; + --text:#96a2b4; + --text-hover: #fff; + --link-color: #2cabe3; +} \ No newline at end of file diff --git a/CSS/themes/resilio-sync/plex.css b/CSS/themes/resilio-sync/plex.css index cae5aa1d..d2762fa5 100644 --- a/CSS/themes/resilio-sync/plex.css +++ b/CSS/themes/resilio-sync/plex.css @@ -1 +1,27 @@ -@import url(https://theme-park.dev/CSS/themes/resilio-sync/resilio-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;--button-text:#eee;--accent-color:#e5a00d;--accent-color-hover:#ffc107;--text:#eee;--text-hover:#fff;--link-color:#fff} \ No newline at end of file + +/* 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 */ + +/* RESILIO-SYNC PLEX THEME */ +@import url(https://theme-park.dev/CSS/themes/resilio-sync/resilio-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; + --button-text: #eee; + --accent-color: #e5a00d; + --accent-color-hover: #ffc107; + --text: #eee; + --text-hover: #fff; + --link-color:#fff; +} \ No newline at end of file diff --git a/CSS/themes/resilio-sync/resilio-base.css b/CSS/themes/resilio-sync/resilio-base.css index 0918fda5..d0c99dcc 100644 --- a/CSS/themes/resilio-sync/resilio-base.css +++ b/CSS/themes/resilio-sync/resilio-base.css @@ -1 +1,766 @@ -@import url(https://use.fontawesome.com/releases/v5.15.1/css/all.css);.settings-tabs-wrapper .settings-tabs-container,.tableScrollContainer,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{color:var(--link-color)}a:hover{color:#fff}*{outline:0!important}@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}#choose-product-dialog .choose-title h1,#licenses-tab #unlicensed-container .unlicensed-text,#licenses-tab #unlicensed-container h1,#onboarding-dark #page-main,#support-tab #page-menu .support-content>a h5,#support-tab #page-menu .support-content>a p,#support-tab #page-menu .support-content>button h5,.bt-checkbox label,.bt-navbar #choose-share-type-menu .container-fluid .menu-item h2,.bt-navbar .choose-dropdown-menu .container-fluid .menu-item h2,.bt-radio label,.dropdown-menu li a,.emptyMessage,.modal-header .transfer-path .labelContainer .secondaryLine,.settings-tabs-wrapper .settings-tabs-buttons .left-nav-button,.settings-tabs-wrapper .settings-tabs-container,.transfer-table .transfer-row .nameLabel,UL.jqueryFileTree A,body,h1,h2,h3,h4,h5,h6,label.control-label,p{color:var(--text)}#choose-product-dialog .product-container .product:hover{border-color: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:var(--accent-color)}.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: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:0 0}.bt-navbar #choose-share-type-menu,.bt-navbar .choose-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-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 #ccc;border:1px solid rgba(0,0,0,.15);border-radius:2px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.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 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)}.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}.mycon.mycon-file,.mycon.mycon-folder-encrypted,.mycon.mycon-folder-owner,.mycon.mycon-folder-rw,.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:700;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:700;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:700;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:700;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:700;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(--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}.context-menu li a:focus,.context-menu li a:hover{background-color:rgb(255 255 255 / 8%)}.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)}.modal-footer,.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-body,.modal-body .fileTreeContainer,.modal-content,.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)}#choose-product-dialog .product-container .product{background-color:rgb(255 255 255 / .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:0 0!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{background-color:transparent;border-bottom-color:rgb(255 255 255 / .1)}#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 #cacaca;color:#606060;background:#fff}#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)}.activity-filter.open,.main-filter.open,.modal-filter.open,.modal-input.open{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}.modal-header .transfer-path .labelContainer{border-left:1px solid rgb(255 255 255 / .1)}.modal-filter .btn,.modal-input .btn{background:0 0}.modal-filter .btn:hover,.modal-filter animating,.modal-input .btn:focus{background:rgb(255 255 255 / .08)!important}#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)}#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 .active>a,#statusPanel .nav-pills a.tab-button:focus,#statusPanel .nav-pills a.tab-button:hover{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-tabs-wrapper .settings-tabs-buttons .left-nav-button.active{background-color:rgb(0 0 0 / 25%);color: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(--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%)}#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: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)}#support-tab #page-feedback-form .back-button,.btn{border-color:var(--button-color);background:var(--button-color);color:var(--button-text);margin-right:5px;box-shadow:none;border:transparent;border-radius:2px}#support-tab #page-feedback-form .back-button:hover,.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.btn:active,.btn:focus,.btn:hover{border-color:var(--button-color-hover);color:var(--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%)}.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 .15s ease-in-out,box-shadow .15s ease-in-out}.form-control:focus{background-color:rgba(0,0,0,.5)!important;color:var(--text-hover)!important}#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)}.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 / .1)!important}.tableScrollContainer .table thead tr th{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}::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 +/* 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); + +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; +} + +a { + color: var(--link-color); +} + +a:hover { + color: #fff; +} + +* { + 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: 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: 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: 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(--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 { + 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 #ccc; + border: 1px solid rgba(0, 0, 0, .15); + border-radius: 2px; + -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); + box-shadow: 0 6px 12px rgba(0, 0, 0, .175); +} + +.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 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); +} + +.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(--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; +} + +.context-menu li a:focus, +.context-menu li a:hover { + background-color: rgb(255 255 255 / 8%); +} + +.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, +.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; + 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); +} + +#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 { + background-color: transparent; + border-bottom-color: rgb(255 255 255 / .1); +} + +#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 #cacaca; + color: #606060; + background: white; +} + +#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) +} + +.activity-filter.open, +.main-filter.open, +.modal-filter.open, +.modal-input.open { + 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; +} + +.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: 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(--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: 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); +} + +/* 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(--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); +} + +.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; + background-attachment: fixed, fixed; + background-position: center center, center center; + background-size: auto, cover; + -webkit-background-size: auto, cover; + -moz-background-size: auto, cover; + -o-background-size: auto, cover; +} + +/* 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/resilio-sync/space-gray.css b/CSS/themes/resilio-sync/space-gray.css index 0a905e49..7c625641 100644 --- a/CSS/themes/resilio-sync/space-gray.css +++ b/CSS/themes/resilio-sync/space-gray.css @@ -1 +1,27 @@ -@import url(https://theme-park.dev/CSS/themes/resilio-sync/resilio-base.css);: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;--button-color:#607D8B;--button-color-hover:#81a6b7;--button-text:#eee;--accent-color:#81a6b7;--accent-color-hover:#81a6b7;--text:#eee;--text-hover:#fff;--link-color:#81a6b7} \ No newline at end of file + +/* 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 */ + +/* RESILIO-SYNC SPACE GRAY THEME */ +@import url(https://theme-park.dev/CSS/themes/resilio-sync/resilio-base.css); +: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; + --button-color: #607D8B; + --button-color-hover: #81a6b7; + --button-text: #eee; + --accent-color: #81a6b7; + --accent-color-hover: #81a6b7; + --text: #eee; + --text-hover: #fff; + --link-color: #81a6b7; +} \ No newline at end of file diff --git a/CSS/themes/rutorrent/aquamarine.css b/CSS/themes/rutorrent/aquamarine.css index c3bb3343..5c1ee7f3 100644 --- a/CSS/themes/rutorrent/aquamarine.css +++ b/CSS/themes/rutorrent/aquamarine.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/rutorrent/rutorrent-base.css);@import url(https://theme-park.dev/CSS/variables/aquamarine.css);:root{--progress-color:#4c95af} \ No newline at end of file + +/* 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 */ + +/* RUTORRENT AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/rutorrent/rutorrent-base.css); +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); + +/* APP VARS */ +:root { + --progress-color: #4c95af; +} \ No newline at end of file diff --git a/CSS/themes/rutorrent/dark.css b/CSS/themes/rutorrent/dark.css index 8e6832cc..768bded4 100644 --- a/CSS/themes/rutorrent/dark.css +++ b/CSS/themes/rutorrent/dark.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/rutorrent/rutorrent-base.css);@import url(https://theme-park.dev/CSS/variables/dark.css);:root{--progress-color:#3d3d3d} \ No newline at end of file + +/* 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 */ + +/* RUTORRENT DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/rutorrent/rutorrent-base.css); +@import url(https://theme-park.dev/CSS/variables/dark.css); + +/* APP VARS */ +:root { + --progress-color: #3d3d3d; + } \ No newline at end of file diff --git a/CSS/themes/rutorrent/dracula.css b/CSS/themes/rutorrent/dracula.css index 22692a22..df320c1c 100644 --- a/CSS/themes/rutorrent/dracula.css +++ b/CSS/themes/rutorrent/dracula.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/rutorrent/rutorrent-base.css);@import url(https://theme-park.dev/CSS/variables/dracula.css);:root{--progress-color:#50fa7b} \ No newline at end of file + +/* 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 */ + +/* RUTORRENT DRACULA THEME */ +@import url(https://theme-park.dev/CSS/themes/rutorrent/rutorrent-base.css); +@import url(https://theme-park.dev/CSS/variables/dracula.css); + +/* APP VARS */ +:root { + --progress-color: #50fa7b; +} \ No newline at end of file diff --git a/CSS/themes/rutorrent/hotline.css b/CSS/themes/rutorrent/hotline.css index 7f4efe1c..0588d45c 100644 --- a/CSS/themes/rutorrent/hotline.css +++ b/CSS/themes/rutorrent/hotline.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/rutorrent/rutorrent-base.css);@import url(https://theme-park.dev/CSS/variables/hotline.css);:root{--progress-color:#df6c4c} \ No newline at end of file + +/* 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 */ + +/* RUTORRENT HOTLINE THEME */ +@import url(https://theme-park.dev/CSS/themes/rutorrent/rutorrent-base.css); +@import url(https://theme-park.dev/CSS/variables/hotline.css); + +/* APP VARS */ +:root { + --progress-color: #df6c4c; +} \ No newline at end of file diff --git a/CSS/themes/rutorrent/organizr-dark.css b/CSS/themes/rutorrent/organizr-dark.css index e5dafd74..5e8ac891 100644 --- a/CSS/themes/rutorrent/organizr-dark.css +++ b/CSS/themes/rutorrent/organizr-dark.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/rutorrent/rutorrent-base.css);@import url(https://theme-park.dev/CSS/variables/organizr-dark.css);:root{--progress-color:#2cabe3} \ No newline at end of file + +/* 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 */ + +/* RUTORRENT ORGANIZR-DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/rutorrent/rutorrent-base.css); +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); + +/* APP VARS */ +:root { + --progress-color: #2cabe3; + } \ No newline at end of file diff --git a/CSS/themes/rutorrent/plex.css b/CSS/themes/rutorrent/plex.css index 1173b099..812b82f9 100644 --- a/CSS/themes/rutorrent/plex.css +++ b/CSS/themes/rutorrent/plex.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/rutorrent/rutorrent-base.css);@import url(https://theme-park.dev/CSS/variables/plex.css);:root{--progress-color:#cc7b19} \ No newline at end of file + +/* 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 */ + +/* RUTORRENT PLEX THEME */ +@import url(https://theme-park.dev/CSS/themes/rutorrent/rutorrent-base.css); +@import url(https://theme-park.dev/CSS/variables/plex.css); + +/* APP VARS */ +:root { + --progress-color: #cc7b19; + } \ No newline at end of file diff --git a/CSS/themes/rutorrent/rutorrent-base.css b/CSS/themes/rutorrent/rutorrent-base.css index 4e0a2b9f..3ae3b47f 100644 --- a/CSS/themes/rutorrent/rutorrent-base.css +++ b/CSS/themes/rutorrent/rutorrent-base.css @@ -1 +1,1785 @@ -@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}body,html{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,.08);height:1px;border-width:0;border-bottom:1px solid rgba(255,255,255,.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,.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:0!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,.6);box-shadow:0 0 10px rgba(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:0 0}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:0 0}ul.CMenu li a.exp:hover{background:rgba(255,255,255,.08)}ul.CMenu li a.sel{color:#fff;background:rgba(0,0,0,.15)}ul.CMenu li ul li a.sel{color:#178fd1}ul.CMenu li a:hover{background-color:rgba(255,255,255,.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,.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,.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:0 0}div#t div.TB_Separator{border:none;background:0 0;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,.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}#-_-_-act-_-_-,#-_-_-all-_-_-,#-_-_-com-_-_-,#-_-_-dls-_-_-,#-_-_-err-_-_-,#-_-_-iac-_-_-{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(.68,-.55,.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:0 0;font-family:Roboto}div#lcont{background:rgba(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,.45);font-family:Roboto;color:var(--text)}div#gcont table tr td{background:rgba(0,0,0,.15)}div#gcont table{font-family:Roboto}div.graph_tab{color:#fff;border-color:transparent;background-color:rgba(0,0,0,.25)}div.table_tab{background-color:rgba(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,.25)}div#FileList,div#PeerList,div#Speed,div#TrackerList{background-color:rgba(0,0,0,.25)}.dlg-window{background-color:#222;box-shadow:0 19px 38px rgba(0,0,0,.6)}*>fieldset{border:1px solid rgba(255,255,255,.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,.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,.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}div.disabled,label.disabled,span.disabled,td.disabled{color:#b9b9b9}disabled{opacity:50%}div#stg .lm{margin:5px 0 5px 5px;padding:10px 5px 0;background:0 0;border:none}.lm li,.lm li div.toggle,.lm li.first,.lm li.last{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:0 0}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:0;border-top-left-radius:0}div#tdcont{background:0 0;border:none;padding:0}div#HDivider{background:rgba(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,.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,.08)}div#tcreate textarea#trackers{color:#fff;border:none!important;background:rgba(0,0,0,.25);border-radius:2px;cursor:text}input[type=password],input[type=text],select{color:#fff;border:none;background:rgba(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:0}input[type=file][disabled],input[type=password][disabled],input[type=text][disabled],select[disabled]{color:#fff;border:none;background:rgba(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}#FS_downlink,#hostcookies,#lookat,#message{color:#fff;border:none!important;background:rgba(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:focus,input.Button:hover{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,.45);border:none;color:#606060;height:24px;text-shadow:none}ul#tabbar li a{background:0 0;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:0 0}ul#tabbar li.selected a{background:0 0;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:0 0;border:none;color:#038ba9;height:21px;padding:4px;text-shadow:none}.tabbar li a{background:0 0;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:0 0;border:none}.tabbar li.selected a{background:0 0;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,.25);text-shadow:0 -1px 0 #000}div#stg-header{background:rgba(0,0,0,.25);text-shadow:0 -1px 0 #000;color:var(--text-hover)}div#dlgHelp div.dlg-header,div#dlgHelp-header{background:rgba(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,.25);border-bottom:1px solid #3330;text-shadow:0 -1px 0 #000}#addtorrent br:last-of-type,#addtorrent br:nth-last-of-type(2),#addtorrent label:last-of-type,#addtorrenturl br,#addtorrenturl label:nth-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 label,#addtorrent span,#tadd_label,#tadd_label_select{clear:both;float:left}#addtorrent label:nth-of-type(2),#addtorrent span:first-of-type{margin-top:10px}#addtorrenturl{margin-top:15px}Input.TextboxLarge{border:none}div.tab{background-color:rgba(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#add_button,input#add_url,input#clear_log{margin-top:2px}div#lcont div.std{background:rgba(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,.08)}#StatusBar{border-top:1px solid transparent;background:rgba(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:0 0}#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}#stdown_total,#stup_total{color:#fff}span#dl,span#ds{color:#178fd1}span#ra{color:#f70000}span#ul,span#us{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:#333 #181818 #181818 #333}.stable td{padding:2px}.stable-head{color:var(--text-hover);background:rgba(0,0,0,.45);border:none;text-shadow:0 1px 0 transparent;font-family:Ubuntu}div#tdcont .stable-head{border:none}div#tdcont .stable{border:none}.stable-head table tr{background:0 0;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 red;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:0 1px 0 transparent;color:var(--text)}.stable-body td{border-bottom:1px solid #333}.stable-body td div{font-family:Ubuntu,Verdana,Arial,Helvetica,sans-serif;height:16px!important}.stable-body tr.odd td{background:#333}.stable-body tr.even td{background:#191919}.stable-body tr{height:22px}.stable-body{background:0 0}.stable-body tr.selected td{background:rgba(255,255,255,.25);color:var(--text-hover);text-shadow:0 -1px 0 transparent}div.stable-body table tbody tr.even td{background:rgba(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 0 -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 #09f}.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,.7);border:1px solid #09f}.gecko .stable-move-header{background:rgba(128,128,128,.7);-moz-opacity:.7}.ie .stable-move-header{background:rgba(128,128,128,.7)}.webkit .stable-move-header{background:rgba(128,128,128,.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 0 -37px;height:17px;line-height:17px;border-bottom:1px solid #333}.stable-scrollpos:nth-child(2n+1){background:#181818 url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/headers.png) repeat-x 0 -64px}.meter-value{float:left;border:1px inset transparent!important;border-bottom:none!important;background:var(--progress-color)!important}.stable-body tr.selected span.meter-value{color:#fff}.meter-text{line-height:16px;position:relative;text-align:left;float:left;width:0;height:0;overflow:visible;left:40%;font-size:11px;font-family:Ubuntu;z-index:1;text-shadow:0 0 2px transparent;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')}.console,.exconsole,.starterConsole,.tskconsole{background:#333}#tsk_btns input.Button{margin:0 3px}#tsk_btns .scplay{display:none}.cCell{color:#000}#meter-disk-value,#qmeter-band-value,#qmeter-disk-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 0 -138px}#meter-band-text,#meter-disk-text,#qmeter-disk-text{color:#fff;text-shadow:0 0 2px #000;position:relative;text-align:left;float:left;width:0;height:0;overflow:visible;left:40%;font-size:11px;font-family:Ubuntu;z-index:1}#meter-band-holder,#meter-disk-holder,#qmeter-disk-holder{width:100px;height:16px;line-height:16px;border-right:none;padding-left:25px;margin-left:0;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:0;color:#fff;text-shadow:0 0 2px #000;font-size:11px;font-family:Ubuntu}#meter-cpu-holder{width:100px;height:16px;line-height:16px;border-right:none;margin-left:0;padding-left:25px;background:url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/rutorrent/status_icons.png) no-repeat 3px -320px}div.graph_tab{color:#fff;border-color:transparent}div#tcreate div.dlg-header{background:rgba(0,0,0,.25);border-bottom:1px solid transparent;text-shadow:0 -1px 0 #000;background-image:none!important}div#dlgAddRSS{background-color:#222;border-top:1px solid transparent;border-right:1px solid transparent;border-left:1px solid transparent;border-bottom:1px solid transparent}div#dlgAddRSS div.dlg-header,div#dlgAddRSS-header{background:rgba(0,0,0,.25);border-bottom:1px solid transparent;text-shadow:0 -1px 0 #000;background-image:none!important}.lf li input.TextboxFocus{background-color:transparent;color:#009ddd}.cCell{color:#333}.Cell0{background-color:#fffdf0;border:1px dotted #888}.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}#dlgEditRatioRules-header,div#dlgEditRules div.dlg-header,div#dlgEditRules-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 #333;text-shadow:0 -1px 0 #000}div#dlgEditRatioRules,div#dlgEditRules{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:0 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:#333}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)}#chatarea,#chatselect,#chatselect option,#userlist{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:#000;text-shadow:0 -1px 0 #fff}.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,.25)!important;color:#fff!important;outline:0!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}#dlgEditRatioRules-header,div#dlgEditRules div.dlg-header,div#dlgEditRules-header{background:rgba(0,0,0,.25)!important} \ No newline at end of file +/* 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: var(--progress-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/rutorrent/space-gray.css b/CSS/themes/rutorrent/space-gray.css index 08239056..5f3229a2 100644 --- a/CSS/themes/rutorrent/space-gray.css +++ b/CSS/themes/rutorrent/space-gray.css @@ -1 +1,21 @@ -@import url(https://theme-park.dev/CSS/themes/rutorrent/rutorrent-base.css);@import url(https://theme-park.dev/CSS/variables/space-gray.css);:root{--progress-color:#607D8B} \ No newline at end of file + +/* 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 */ + +/* RUTORRENT SPACE GRAY THEME */ +@import url(https://theme-park.dev/CSS/themes/rutorrent/rutorrent-base.css); +@import url(https://theme-park.dev/CSS/variables/space-gray.css); + +/* APP VARS */ +:root { + --progress-color: #607D8B; +} diff --git a/CSS/themes/sabnzbd/aquamarine.css b/CSS/themes/sabnzbd/aquamarine.css index 23a0ceb7..6b9423f6 100644 --- a/CSS/themes/sabnzbd/aquamarine.css +++ b/CSS/themes/sabnzbd/aquamarine.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/sabnzbd/sabnzbd-base.css);@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file + +/* 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 */ + +/* SABNZBD AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/sabnzbd/sabnzbd-base.css); +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file diff --git a/CSS/themes/sabnzbd/dark.css b/CSS/themes/sabnzbd/dark.css index 8f1b1526..ada1ddb4 100644 --- a/CSS/themes/sabnzbd/dark.css +++ b/CSS/themes/sabnzbd/dark.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/sabnzbd/sabnzbd-base.css);@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file + +/* 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 */ + +/* SABNZBD DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/sabnzbd/sabnzbd-base.css); +@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file diff --git a/CSS/themes/sabnzbd/dracula.css b/CSS/themes/sabnzbd/dracula.css index 458977ad..6b411db0 100644 --- a/CSS/themes/sabnzbd/dracula.css +++ b/CSS/themes/sabnzbd/dracula.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/sabnzbd/sabnzbd-base.css);@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file + +/* 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 */ + +/* SABNZBD DRACULA THEME */ +@import url(https://theme-park.dev/CSS/themes/sabnzbd/sabnzbd-base.css); +@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file diff --git a/CSS/themes/sabnzbd/hotline.css b/CSS/themes/sabnzbd/hotline.css index 5e81e689..90c96a94 100644 --- a/CSS/themes/sabnzbd/hotline.css +++ b/CSS/themes/sabnzbd/hotline.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/sabnzbd/sabnzbd-base.css);@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file + +/* 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 */ + +/* SABNZBD HOTLINE THEME */ +@import url(https://theme-park.dev/CSS/themes/sabnzbd/sabnzbd-base.css); +@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file diff --git a/CSS/themes/sabnzbd/organizr-dark.css b/CSS/themes/sabnzbd/organizr-dark.css index 973b3602..25517dd6 100644 --- a/CSS/themes/sabnzbd/organizr-dark.css +++ b/CSS/themes/sabnzbd/organizr-dark.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/sabnzbd/sabnzbd-base.css);@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file + +/* 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 */ + +/* SABNZBD ORGANIZR-DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/sabnzbd/sabnzbd-base.css); +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file diff --git a/CSS/themes/sabnzbd/plex.css b/CSS/themes/sabnzbd/plex.css index 66a0c04a..bf8d2e78 100644 --- a/CSS/themes/sabnzbd/plex.css +++ b/CSS/themes/sabnzbd/plex.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/sabnzbd/sabnzbd-base.css);@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file + +/* 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 */ + +/* SABNZBD PLEX THEME */ +@import url(https://theme-park.dev/CSS/themes/sabnzbd/sabnzbd-base.css); +@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file diff --git a/CSS/themes/sabnzbd/sabnzbd-base.css b/CSS/themes/sabnzbd/sabnzbd-base.css index 8d1b109d..12ede295 100644 --- a/CSS/themes/sabnzbd/sabnzbd-base.css +++ b/CSS/themes/sabnzbd/sabnzbd-base.css @@ -1 +1,1097 @@ -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)}h1,h2,h3,h4,h5,h6,label:not(.btn),legend{color:var(--text-hover)!important}p{color:var(--text)}a{color:var(--link-color)}a:active,a:focus,a:hover{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}@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}.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}.main-menu-link:hover a,.navbar-nav>li>a:hover{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-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{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 #000}.main-content{background-color:rgba(0,0,0,.15);border:none}#feedback-slider,.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-hover)}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:var(--text-hover);background-color:rgba(255,255,255,.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}.form-control:focus{border-color:var(--text-hover);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,255,255,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,255,255,.6)}.caret{border-top-color:#fff!important}svg.peity polygon{fill:var(--button-color)!important}svg.peity polyline{stroke:var(--button-color)!important}.form-signin .btn{background:var(--button-color)!important;outline:0!important}.text-center a{color:var(--text-hover)}.btn-default{color:var(--button-text);background:var(--button-color);border-color:var(--button-color);outline:0!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.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)}.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-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:0}.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-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}.btn-default.sabnzbd_restart{color:var(--button-text);background-color:#a94442;border-color:transparent}.btn-default.sabnzbd_restart:hover{color:var(--button-text-hover);background-color:#d93935;border-color:transparent}.btn-default.saveButton{color:var(--button-text);background-color:#3c763d;border-color:transparent}.btn-default.saveButton:active,.btn-default.saveButton:focus,.btn-default.saveButton:hover{color:#fff!important;background-color:#42a543!important;border-color:transparent!important}.btn-default.delCat{color:var(--button-text);background-color:#a94442;border-color:#2d2c2c}.btn-default.delCat:hover{color:var(--button-text-hover);background-color:#d93935;border-color:transparent}.btn-default.fileBrowser{color:var(--button-text);background-color:var(--button-color);border-color:transparent}.btn-default.fileBrowser:active,.btn-default.fileBrowser:focus,.btn-default.fileBrowser:hover{color:#fff!important;background-color:var(--button-color-hover)!important;border-color:transparent!important}.btn-default.restoreDefaults{color:var(--button-text);background-color:#a94442;border-color:transparent}.btn-default.restoreDefaults:focus,.btn-default.restoreDefaults:hover{color:var(--button-text-hover);background-color:#d93935;border-color:transparent}.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:#fff!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:#fff!important;background:var(--button-color);border:1px solid #00000000}input[type=button]:active,input[type=button]:focus,input[type=button]:hover,input[type=submit]:active,input[type=submit]:focus,input[type=submit]:hover{color:#fff!important;background-color:var(--button-color-hover)!important;border:1px solid #00000000}.btn-default.btn-file{color:var(--text-hover);background-color:var(--button-color);border-color:transparent}.btn-default.btn-file:active,.btn-default.btn-file:focus,.btn-default.btn-file:hover{color:#fff!important;background-color:var(--button-color-hover)!important;border-color:transparent!important}.caret{border-top-color:#fff!important}.table-striped>tbody>tr:nth-of-type(odd){background-color:rgba(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,.25)!important}table:hover{background-color:rgba(0,0,0,.25)!important}.table-hover>tbody>tr:hover{background-color:rgba(255,255,255,.07)!important;color:var(--text-hover)}tbody>tr:last-child td{border-bottom:1px solid transparent!important}.history-table,.history-table tr td.history-completedon,.history-table tr td.row-extra-text,.history-table tr td.status,tr td.history-completedon,tr td.row-extra-text,tr td.status{color:var(--text);border-top:none!important}.table-messages .table-messages-remove{border-bottom:1px solid transparent!important;background:rgba(255,255,255,.25)}.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,.progress-bar-info{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,.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,.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: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:1px solid var(--button-color-hover)}.pagination li.active a,.pagination li.active a:hover,.pagination li.active span,.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>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(0,0,0,.25);border:1px solid transparent}.search-box input{border:transparent}.form-control{color:#fff;background-color:#1b1a1a}.history-queue-swicher .nav-tabs>li.active>a,.history-queue-swicher .nav-tabs>li>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:focus,.nav-tabs>li.active>a:hover{color:#555;background-color:rgba(255,255,255,.15)}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:rgba(255,255,255,.08)}.badge{color:var(--label-text-color);background-color:rgb(var(--accent-color))}.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>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:none!important}#addFeed,#addFeedContent,.section{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}.Key tr:nth-child(odd),.even,.tab-pane tr:nth-child(odd){background-color:transparent}.path{color:var(--text-hover)}.col2 h3{background:0 0}.form-control.advanced-button.config-hover{color:var(--text-hover);background-color:rgba(255,255,255,.25);border-color:rgba(255,255,255,.25);border-radius:3px!important}.form-control.advanced-button.config-hover:hover{color:var(--text-hover);background-color:rgba(255,255,255,.3);border-color:rgba(255,255,255,.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[type=date],input[type=email],input[type=number],input[type=password],input[type=text],input[type=url],select,textarea{border:none;background-color:rgba(0,0,0,.15);border-radius:3px!important;color:var(--text-hover)!important;outline:0}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{border:none;background-color:#191a1c;border-radius:3px!important;outline:0}input[type=date]:focus,input[type=date]:hover,input[type=datetime-local]:focus,input[type=datetime-local]:hover,input[type=datetime]:focus,input[type=datetime]:hover,input[type=email]:focus,input[type=email]:hover,input[type=month]:focus,input[type=month]:hover,input[type=number]:focus,input[type=number]:hover,input[type=password]:focus,input[type=password]:hover,input[type=search]:focus,input[type=search]:hover,input[type=tel]:focus,input[type=tel]:hover,input[type=text]:focus,input[type=text]:hover,input[type=time]:focus,input[type=time]:hover,input[type=url]:focus,input[type=url]:hover,input[type=week]:focus,input[type=week]:hover,textarea:focus,textarea:hover{background-color:rgba(255,255,255,.1);border:none;-webkit-box-shadow:none!important;box-shadow:none!important}input[type=date]{background:0 0;color:#fff}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(100%)}.server-disabled{background:repeating-linear-gradient(-55deg,#444,#444 10px,#333 10px,#333 20px) center center/cover no-repeat fixed;color:var(--text-muted)}.server-disabled h3,.server-disabled label,.server-disabled p{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:#fff}.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 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}.list-group-item{background-color:rgba(0,0,0,.25);border:none}.example{background-color:rgba(255,255,255,.15)}.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:focus,.modal-body>.nav-tabs>li.active>a:hover{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:focus,.modal-body>.nav>li>a:hover{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:#fff}#modal-options #options-orphans .process-all-orphaned,#modal-options .options-switch label{color:#fff}a.list-group-item,button.list-group-item{color:var(--text-hover)}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{text-decoration:none;color:var(--text-hover);background-color:rgba(255,255,255,.08)}.form-control{border:transparent}.fade.in{background:rgba(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}.time{color:var(--text-hover)}.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:active,#content a:hover,#content a:visited,#serverResponse{color:#eee}#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:0;font-size:1.2em} \ No newline at end of file +/* 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; + font-family: Open Sans Bold, Helvetica Neue, Helvetica, Arial, sans-serif !important; + font-size: 1.4em !important; + color: var(--text); +} + +h1, +h2, +h3, +h4, +h5, +h6, +label:not(.btn), +legend { + color: var(--text-hover) !important; +} + +p { + color: var(--text); +} + +a { + color: var(--link-color); +} + +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; +} + +.form-control:focus { + border-color: var(--text-hover); + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 255, 255, 0.6); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 255, 255, 0.6); +} + +.caret { + border-top-color: white !important; +} + +svg.peity polygon { + fill: var(--button-color) !important; +} + +svg.peity polyline { + stroke: var(--button-color) !important; +} + +/* BUTTONS */ +.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: var(--button-text); + background-color: #a94442; + border-color: transparent; +} + +.btn-default.sabnzbd_restart:hover { + color: var(--button-text-hover); + background-color: #d93935; + border-color: transparent; +} + +.btn-default.saveButton { + color: var(--button-text); + 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: var(--button-text); + background-color: #a94442; + border-color: #2d2c2c; +} + +.btn-default.delCat:hover { + color: var(--button-text-hover); + 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: var(--button-text); + background-color: #a94442; + border-color: transparent; +} + +.btn-default.restoreDefaults:hover, +.btn-default.restoreDefaults:focus { + color: var(--button-text-hover); + 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: #fff !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: #fff !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: #fff !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: #fff !important; + background-color: var(--button-color-hover) !important; + border-color: transparent !important; +} + +/* History */ +.caret { + border-top-color: white !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 { + 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: #1b1a1a; +} + +/*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; +} + +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/sabnzbd/space-gray.css b/CSS/themes/sabnzbd/space-gray.css index 32219081..9912d9f8 100644 --- a/CSS/themes/sabnzbd/space-gray.css +++ b/CSS/themes/sabnzbd/space-gray.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/sabnzbd/sabnzbd-base.css);@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file + +/* 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 */ + +/* SABNZBD SPACE GRAY THEME */ +@import url(https://theme-park.dev/CSS/themes/sabnzbd/sabnzbd-base.css); +@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file diff --git a/CSS/themes/sonarr/aquamarine.css b/CSS/themes/sonarr/aquamarine.css index 3250380f..3b6f3638 100644 --- a/CSS/themes/sonarr/aquamarine.css +++ b/CSS/themes/sonarr/aquamarine.css @@ -1 +1,27 @@ -@import url(https://theme-park.dev/CSS/themes/sonarr/sonarr-base.css);@import url(https://theme-park.dev/CSS/variables/aquamarine.css);: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;--queue-color:#009688} \ No newline at end of file +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +/* SONARR AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/sonarr/sonarr-base.css); +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); + +/* APP VARS */ +: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; + --queue-color: #009688; +} \ No newline at end of file diff --git a/CSS/themes/sonarr/dark.css b/CSS/themes/sonarr/dark.css index c8c7453e..55632726 100644 --- a/CSS/themes/sonarr/dark.css +++ b/CSS/themes/sonarr/dark.css @@ -1 +1,28 @@ -@import url(https://theme-park.dev/CSS/themes/sonarr/sonarr-base.css);@import url(https://theme-park.dev/CSS/variables/dark.css);: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;--queue-color:#6b5} \ No newline at end of file + +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +/* SONARR DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/sonarr/sonarr-base.css); +@import url(https://theme-park.dev/CSS/variables/dark.css); + +/* APP VARS */ +: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; + --queue-color: #6b5; +} \ No newline at end of file diff --git a/CSS/themes/sonarr/dracula.css b/CSS/themes/sonarr/dracula.css index 992289f3..42658c77 100644 --- a/CSS/themes/sonarr/dracula.css +++ b/CSS/themes/sonarr/dracula.css @@ -1 +1,27 @@ -@import url(https://theme-park.dev/CSS/themes/sonarr/sonarr-base.css);@import url(https://theme-park.dev/CSS/variables/dracula.css);: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;--queue-color:#50fa7b} \ No newline at end of file +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +/* SONARR DRACULA THEME */ +@import url(https://theme-park.dev/CSS/themes/sonarr/sonarr-base.css); +@import url(https://theme-park.dev/CSS/variables/dracula.css); + +/* APP VARS */ +: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; + --queue-color: #50fa7b; +} diff --git a/CSS/themes/sonarr/hotline.css b/CSS/themes/sonarr/hotline.css index cac1977b..7d9436a9 100644 --- a/CSS/themes/sonarr/hotline.css +++ b/CSS/themes/sonarr/hotline.css @@ -1 +1,27 @@ -@import url(https://theme-park.dev/CSS/themes/sonarr/sonarr-base.css);@import url(https://theme-park.dev/CSS/variables/hotline.css);: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;--queue-color:#6b5} \ No newline at end of file +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +/* SONARR HOTLINE THEME */ +@import url(https://theme-park.dev/CSS/themes/sonarr/sonarr-base.css); +@import url(https://theme-park.dev/CSS/variables/hotline.css); + +/* APP VARS */ +: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; + --queue-color: #6b5; +} \ No newline at end of file diff --git a/CSS/themes/sonarr/mind.css b/CSS/themes/sonarr/mind.css index c6af4b54..bcd0db76 100644 --- a/CSS/themes/sonarr/mind.css +++ b/CSS/themes/sonarr/mind.css @@ -1 +1,35 @@ -@import url(https://gilbn.github.io/theme.park/CSS/themes/sonarr/sonarr-base.css);:root{--main-bg-color:radial-gradient(ellipse at center bottom, rgba(255, 242, 0, .7) 0%, #0d0400 80%, rgba(0, 0, 0, 1) 100%) center center/cover no-repeat fixed,url("https://themepark-develop.netlify.app/Resources/mind.jpg") center center/cover no-repeat fixed;--modal-bg-color:linear-gradient(180deg, rgba(51, 49, 0, .7) 0%, #000 100%) center center/cover no-repeat fixed,url("https://themepark-develop.netlify.app/Resources/mind.jpg") center center/cover no-repeat fixed;--calendar-tv-Unaired-Premiere:53 197 244;--calendar-tv-Downloading:122 67 182;--calendar-tv-Unmonitored:173 173 173;--calendar-tv-Unaired:93 156 236;--calendar-tv-missing:240 80 80;--calendar-tv-On-Air:255 165 0;--calendar-tv-available:39 194 76;--button-color:rgba(255, 255, 255, .15);--button-color-hover:#fff200cc;--accent-color:#fff200cc;--accent-color-hover:#fff200cc;--queue-color:#204c80cc} \ No newline at end of file +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +/* SONARR MIND STONE THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/sonarr/sonarr-base.css); + +:root { + --main-bg-color: radial-gradient(ellipse at center bottom, rgba(255, 242, 0, .7) 0%, #0d0400 80%, rgba(0, 0, 0, 1) 100%) center center/cover no-repeat fixed, + url("https://themepark-develop.netlify.app/Resources/mind.jpg") center center/cover no-repeat fixed; + --modal-bg-color: linear-gradient(180deg, rgba(51, 49, 0, .7) 0%, #000 100%) center center/cover no-repeat fixed, + url("https://themepark-develop.netlify.app/Resources/mind.jpg") center center/cover no-repeat fixed; + + --calendar-tv-Unaired-Premiere: 53 197 244; + --calendar-tv-Downloading: 122 67 182; + --calendar-tv-Unmonitored: 173 173 173; + --calendar-tv-Unaired: 93 156 236; + --calendar-tv-missing: 240 80 80; + --calendar-tv-On-Air: 255 165 0; + --calendar-tv-available: 39 194 76; + + --button-color: rgba(255, 255, 255, .15); + --button-color-hover: #fff200cc; + --accent-color: #fff200cc; + --accent-color-hover: #fff200cc; + --queue-color: #204c80cc; +} \ No newline at end of file diff --git a/CSS/themes/sonarr/noname.css b/CSS/themes/sonarr/noname.css index d079092b..600a0513 100644 --- a/CSS/themes/sonarr/noname.css +++ b/CSS/themes/sonarr/noname.css @@ -1 +1,42 @@ -@import url(https://theme-park.dev/CSS/themes/sonarr/sonarr-base.css);:root{--main-bg-color:linear-gradient(45deg, #fb3f62 0%, #204c80 37%, #004249 97%) center center/cover no-repeat fixed;--modal-bg-color:radial-gradient(circle, #204c80 0%, #000 100%) center center/cover no-repeat fixed;--calendar-tv-Unaired-Premiere:53 197 244;--calendar-tv-Downloading:122 67 182;--calendar-tv-Unmonitored:173 173 173;--calendar-tv-Unaired:93 156 236;--calendar-tv-missing:240 80 80;--calendar-tv-On-Air:255 165 0;--calendar-tv-available:39 194 76;--button-color:#fb3f62;--button-color-hover:rgba(251, 63, 98, .8);--button-text:#eee;--button-text-hover:#FFF;--accent-color:rgba(251, 63, 98, .8);--accent-color-hover:rgba(251, 63, 98, .8);--queue-color:rgba(63, 251, 157, .8);--link-color:#ff6581;--link-color-hover:#fff;--text:#eee;--text-hover:#fff;--text-muted:#999} \ No newline at end of file +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +/* SONARR THEME */ +@import url(https://theme-park.dev/CSS/themes/sonarr/sonarr-base.css); +:root { + --main-bg-color: linear-gradient(45deg, #fb3f62 0%, #204c80 37%, #004249 97%) center center/cover no-repeat fixed; + --modal-bg-color: radial-gradient(circle, #204c80 0%, #000 100%) center center/cover no-repeat fixed; + + --calendar-tv-Unaired-Premiere: 53 197 244; + --calendar-tv-Downloading: 122 67 182; + --calendar-tv-Unmonitored: 173 173 173; + --calendar-tv-Unaired: 93 156 236; + --calendar-tv-missing: 240 80 80; + --calendar-tv-On-Air: 255 165 0; + --calendar-tv-available: 39 194 76; + + --button-color: #fb3f62; + --button-color-hover: rgba(251, 63, 98, .8); + --button-text: #eee; + --button-text-hover: #FFF; + + --accent-color: rgba(251, 63, 98, .8); + --accent-color-hover: rgba(251, 63, 98, .8); + --queue-color: rgba(63, 251, 157, .8); + --link-color: #ff6581; + --link-color-hover: #fff; + + --text:#eee; + --text-hover: #fff; + --text-muted: #999; + } + diff --git a/CSS/themes/sonarr/organizr-dark.css b/CSS/themes/sonarr/organizr-dark.css index 440dae42..b21db1eb 100644 --- a/CSS/themes/sonarr/organizr-dark.css +++ b/CSS/themes/sonarr/organizr-dark.css @@ -1 +1,27 @@ -@import url(https://theme-park.dev/CSS/themes/sonarr/sonarr-base.css);@import url(https://theme-park.dev/CSS/variables/organizr-dark.css);: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;--queue-color:#2cabe3} \ No newline at end of file +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +/* SONARR ORGANIZR-DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/sonarr/sonarr-base.css); +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); + +/* APP VARS */ +: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; + --queue-color: #2cabe3; +} \ No newline at end of file diff --git a/CSS/themes/sonarr/plex.css b/CSS/themes/sonarr/plex.css index fd899237..d851e517 100644 --- a/CSS/themes/sonarr/plex.css +++ b/CSS/themes/sonarr/plex.css @@ -1 +1,27 @@ -@import url(https://theme-park.dev/CSS/themes/sonarr/sonarr-base.css);@import url(https://theme-park.dev/CSS/variables/plex.css);: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;--queue-color:#27c24c} \ No newline at end of file +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +/* SONARR PLEX THEME */ +@import url(https://theme-park.dev/CSS/themes/sonarr/sonarr-base.css); +@import url(https://theme-park.dev/CSS/variables/plex.css); + +/* APP VARS */ +: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; + --queue-color: #27c24c; +} \ No newline at end of file diff --git a/CSS/themes/sonarr/power.css b/CSS/themes/sonarr/power.css index 88ca5403..7760a7f7 100644 --- a/CSS/themes/sonarr/power.css +++ b/CSS/themes/sonarr/power.css @@ -1 +1,34 @@ -@import url(https://gilbn.github.io/theme.park/CSS/themes/sonarr/sonarr-base.css);:root{--main-bg-color:radial-gradient(ellipse at center bottom, rgba(166, 40, 140, .7) 0%, rgba(11,8,51,1) 80%, rgba(0,0,0,1) 100%) center center/cover no-repeat fixed,url("https://themepark-develop.netlify.app/Resources/power.jpg") center center/cover no-repeat fixed;--modal-bg-color:linear-gradient(180deg, rgba(35, 0, 57, .7) 0%, #000 100%) center center/cover no-repeat fixed,url("https://themepark-develop.netlify.app/Resources/power.jpg") center center/cover no-repeat fixed;--calendar-tv-Unaired-Premiere:53 197 244;--calendar-tv-Downloading:122 67 182;--calendar-tv-Unmonitored:173 173 173;--calendar-tv-Unaired:93 156 236;--calendar-tv-missing:240 80 80;--calendar-tv-On-Air:255 165 0;--calendar-tv-available:39 194 76;--button-color:#85096b;--button-color-hover:#85096bcc;--accent-color:#85096bcc;--accent-color-hover:#85096bcc;--queue-color:#204c80cc} \ No newline at end of file +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +/* SONARR POWER STONE THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/sonarr/sonarr-base.css); +:root { + --main-bg-color: radial-gradient(ellipse at center bottom, rgba(166, 40, 140, .7) 0%, rgba(11,8,51,1) 80%, rgba(0,0,0,1) 100%) center center/cover no-repeat fixed, + url("https://themepark-develop.netlify.app/Resources/power.jpg") center center/cover no-repeat fixed; + --modal-bg-color: linear-gradient(180deg, rgba(35, 0, 57, .7) 0%, #000 100%) center center/cover no-repeat fixed, + url("https://themepark-develop.netlify.app/Resources/power.jpg") center center/cover no-repeat fixed; + + --calendar-tv-Unaired-Premiere: 53 197 244; + --calendar-tv-Downloading: 122 67 182; + --calendar-tv-Unmonitored: 173 173 173; + --calendar-tv-Unaired: 93 156 236; + --calendar-tv-missing: 240 80 80; + --calendar-tv-On-Air: 255 165 0; + --calendar-tv-available: 39 194 76; + + --button-color: #85096b; + --button-color-hover: #85096bcc; + --accent-color: #85096bcc; + --accent-color-hover: #85096bcc; + --queue-color: #204c80cc; + } \ No newline at end of file diff --git a/CSS/themes/sonarr/reality.css b/CSS/themes/sonarr/reality.css index 1a0e41d8..99f59591 100644 --- a/CSS/themes/sonarr/reality.css +++ b/CSS/themes/sonarr/reality.css @@ -1 +1,36 @@ -@import url(https://gilbn.github.io/theme.park/CSS/themes/sonarr/sonarr-base.css);:root{--main-bg-color:radial-gradient(ellipse at center bottom, rgba(232, 11, 11, 0.7) 0%, #08000d 80%, rgba(0,0,0,1) 100%) center center/cover no-repeat fixed,url("https://themepark-develop.netlify.app/Resources/reality.jpg") center center/cover no-repeat fixed;--modal-bg-color:linear-gradient(180deg, rgba(102, 5, 5, 0.7) 0%, #000 100%) center center/cover no-repeat fixed,url("https://themepark-develop.netlify.app/Resources/reality.jpg") center center/cover no-repeat fixed;--calendar-tv-Unaired-Premiere:53 197 244;--calendar-tv-Downloading:122 67 182;--calendar-tv-Unmonitored:173 173 173;--calendar-tv-Unaired:93 156 236;--calendar-tv-missing:240 80 80;--calendar-tv-On-Air:255 165 0;--calendar-tv-available:39 194 76;--button-color:rgba(255, 255, 255, .15);--button-color-hover:#e80c0bcc;--accent-color:#e80c0bcc;--accent-color-hover:#e80c0bcc;--queue-color:#204c80cc} \ No newline at end of file +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +/* SONARR REALITY STONE THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/sonarr/sonarr-base.css); + :root { + --main-bg-color: radial-gradient(ellipse at center bottom, rgba(232, 11, 11, 0.7) 0%, #08000d 80%, rgba(0,0,0,1) 100%) center center/cover no-repeat fixed, + url("https://themepark-develop.netlify.app/Resources/reality.jpg") center center/cover no-repeat fixed; + --modal-bg-color: linear-gradient(180deg, rgba(102, 5, 5, 0.7) 0%, #000 100%) center center/cover no-repeat fixed, + url("https://themepark-develop.netlify.app/Resources/reality.jpg") center center/cover no-repeat fixed; + + --calendar-tv-Unaired-Premiere: 53 197 244; + --calendar-tv-Downloading: 122 67 182; + --calendar-tv-Unmonitored: 173 173 173; + --calendar-tv-Unaired: 93 156 236; + --calendar-tv-missing: 240 80 80; + --calendar-tv-On-Air: 255 165 0; + --calendar-tv-available: 39 194 76; + + --button-color: rgba(255, 255, 255, .15); + --button-color-hover: #e80c0bcc; + --accent-color: #e80c0bcc; + --accent-color-hover: #e80c0bcc; + --queue-color: #204c80cc; + } + + \ No newline at end of file diff --git a/CSS/themes/sonarr/sonarr-base.css b/CSS/themes/sonarr/sonarr-base.css index 8dacbadc..6706ed9d 100644 --- a/CSS/themes/sonarr/sonarr-base.css +++ b/CSS/themes/sonarr/sonarr-base.css @@ -1 +1,1073 @@ -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)}[class*=FormInputHelpText-helpText-]{color:var(--text)}[class*=FormInputGroup-inputUnit-]{color:var(--text)!important}[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*=EpisodeTitleLink-link-],[class*=TableRowCell-cell-] [class*=Link-to-]{color:var(--link-color)!important}[class*=EpisodeTitleLink-link-]:hover,[class*=TableRowCell-cell-] [class*=Link-to-]:hover{color:var(--link-color-hover)!important}[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)}[class*=ErrorPage-page-],[class*=ErrorPage-version-],[class*=LoadingMessage-loadingMessage-]{color:var(--text)}[class*=LoadingIndicator-ripple-]{border:2px solid #fff}[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)}[class*=DescriptionListItemTitle-title-],[class*=EpisodeDetailsModalContent-tab-],[class*=EpisodeSummary-infoTitle-]{color:#fff}[class*=TagInput-internalInput-]{background-color:transparent;color:#fff}[class*=SelectInput-select-]{background-color:rgba(0,0,0,.25)!important}[class*=SelectInput-select-]:active,[class*=SelectInput-select-]:focus{background:#1e1e1e!important}[class*=AutoSuggestInput-suggestionsContainer-],[class*=AutoSuggestInput-suggestionsContainerOpen-],[class*=AutoSuggestInput-suggestionsList-]{background-color:#323232!important;color:#fff;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}[class*=PageHeader-header-]{background-color:rgba(0,0,0,.35)}[class*=PageHeader-donate-]{color:#c4273c!important}[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,.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,.25)}[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,.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))}[class*=SeriesIndexPoster-controls-]{background-color:rgb(var(--accent-color))!important}[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,.25)}[class*=".ProgressBar-purple-"]{background-color:rgb(var(--accent-color))}[class*=SeriesDetailsSeason-collapseButtonContainer-],[class*=SeriesDetailsSeason-season-]{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-body-],[class*=Popover-title-],[class*=SeasonInfo-title-],[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,.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*=SeriesDetails-monitorToggleButton-]:hover,[class*=SeriesDetails-seriesNavigationButton-]:hover,[class*=SeriesDetailsSeason-left-] [class*=IconButton-button-]: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(--queue-color);background-color:var(--queue-color);color:var(--label-text-color)}[class*=Label-success-]{border-color:#27c24c;background-color:#27c24c;color:var(--label-text-color)}[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%)}[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-isDisabled-]:hover,[class*=PageToolbarButton-toolbarButton-][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))}[class*=SeriesIndexPoster-nextAiring-],[class*=SeriesIndexPoster-title-],[class*=SeriesIndexPosterInfo-info-]{background-color:rgba(255,255,255,.08);color:var(--text-hover)}[class*=MenuContent-menuContent-],[class*=MenuItem-menuItem-]{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:#000 0 0 5px 0}[class*=MenuItem-menuItem-]:focus,[class*=MenuItem-menuItem-]:hover{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}[class*=PageJumpBar-jumpBar-]{color:#fff}[class*=ImportSeriesSelectSeries-results-]::-webkit-scrollbar-thumb,[class*=OverlayScroller-thumb-]{background-color:hsla(0,0%,100%,.08)!important}[class*=ImportSeriesSelectSeries-results-]::-webkit-scrollbar-thumb:hover,[class*=OverlayScroller-thumb-]:hover{background-color:rgba(255,255,255,.25)!important}[class*=EnhancedSelectInput-options-]{border:1px solid rgba(255,255,255,.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,.2)!important;color:var(--text-hover)}[class*=EnhancedSelectInputOption-option-]:hover{background-color:rgba(255,255,255,.08)}[class*=HintedSelectInputOption-hintText-],[class*=RootFolderSelectInputOption-freeSpace-]{color:var(--text)}[class*=AddNewSeries-searchIconContainer-],[class*=CheckInput-isIndeterminate-],[class*=Input-input-]{border:none;background-color:rgba(255,255,255,.08);color:#fff}[class*=SeriesSearchInput-container-] [class*=Input-input-]{background:0 0;border-bottom:solid 1px #fff}[class*=SeriesSearchInput-container-] [class*=Input-input-]:focus{border-bottom:none;background:0 0}[class*=SeriesSearchResult-alternateTitle-]{color:#fff;font-size:12px}[class*=Input-input-]:focus{outline:0;border-color:#fff;box-shadow:none;background-color:rgba(255,255,255,.25)}[class*=TagInput-input-][class*=TagInput-isFocused-]{outline:0;border-color:#fff;box-shadow:none}input::-webkit-input-placeholder{color:var(--text)}input:focus::-webkit-input-placeholder{color:var(--text-hover)}input:-moz-placeholder{color:var(--text)}input:focus:-moz-placeholder{color:var(--text-hover)}input::-moz-placeholder{color:var(--text)}input:focus::-moz-placeholder{color:var(--text-hover)}input:-ms-input-placeholder{color:var(--text)}input:focus:-ms-input-placeholder{color:var(--text-hover)}[class*=PageContentBody-innerContentBody-]{color:var(--text)}[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-freeSpace-],[class*=RootFolderSelectInputSelectedValue-seriesFolder-]{color:#fff}[class*=RootFolderSelectInputOption-freeSpace-],[class*=RootFolderSelectInputOption-seriesFolder-]{color:var(--text-muted)}[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)}[class*=ImportSeriesSelectSeries-button-]{border:none!important;background-color:rgba(0,0,0,.25)!important}[class*=ImportSeriesSearchResult-series-]:hover{background-color:rgba(255,255,255,.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:#fff}[class*=ImportSeriesTitle-year-]{color:var(--text-muted)}[class*=PageContentFooter-contentFooter-]{border:none;background-color:rgba(0,0,0,.25);color:#fff}[class*=SeasonPassSeason-season-]{border:none;background-color:rgba(0,0,0,.25)!important}[class*=SeasonPassSeason-allEpisodes-]{background-color:#5cb85c}[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-]{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-airTime-],[class*=CalendarEvent-episodeInfo-],[class*=CalendarEvent-seriesTitle-],[class*=Legend-legend-] [class*=LegendItem-legendItem-]{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-seriesTitle-]{color:#fff!important}[class*=CalendarEventGroup-airTime-]{color:var(--text)}[class*=CalendarEventGroup-episodeInfo-]{color:var(--text)}[class*=AgendaEvent-event-]:hover{background-color:hsla(0,0%,100%,.08)!important}[class*=SelectEpisodeModalContent-path-]{color:var(--text)}[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}[class*=NamingOption-option-]{border:1px solid transparent}[class*=NamingOption-token-]{background-color:rgba(255,255,255,.15)}[class*=NamingOption-example-]{background-color:rgba(255,255,255,.25)}[class*=NamingOption-option-]:hover [class*=NamingOption-token-]{background-color:rgba(255,255,2550,.25)}[class*=NamingOption-option-]:hover [class*=NamingOption-example-]{background-color:rgba(255,255,2550,.35)}[class*=Card-card-],[class*=QualityProfiles-addQualityProfile-]{background-color:rgba(0,0,0,.45);box-shadow:0 0 10px 1px #000;color:var(--text)}[class*=Card-card-]:hover{color:var(--text-hover)}[class*=LanguageProfiles-center-],[class*=QualityProfiles-center-],[class*=ReleaseProfiles-center-]{background-color:transparent;border:none}[class*=LanguageProfileItem-languageProfileItem-],[class*=QualityProfileItem-qualityProfileItem-],[class*=QualityProfileItemGroup-qualityProfileItemGroup-]{border:none;background-color:rgba(0,0,0,.25);color:#fff}[class*=QualityProfileItemGroup-qualityProfileItemGroup-][class*=QualityProfileItemGroup-editGroups-]{background:rgba(0,0,0,.25)}[class*=KeyValueListInputItem-keyInput-],[class*=KeyValueListInputItem-valueInput-]{border:none;background:0 0;color:#fff}[class*=QualityDefinitions-sizeLimitHelpText-]{color:var(--text)}[class*=Indexers-center-]{background-color:transparent;border:none}[class*=DownloadClients-center-]{background-color:transparent;border:none}[class*=ImportLists-center-]{background-color:transparent;border:none}[class*=Notifications-center-]{background-color:transparent;border:none}[class*=Alert-info-]{border-color:transparent;background-color:rgba(0,0,0,.25);color:#ffc107}.panel-body{background-color:rgba(0,0,0,.25);color:var(--text)}.panel-header{background-color:rgba(0,0,0,.45)}.forgot-password{color:var(--text)!important}input[type=email],input[type=password]{border:none;background-color:rgba(255,255,255,.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,.25)}[class*=FilterBuilderRow-filterRow-]:hover{background-color:transparent}[class*=CustomFilter-customFilter-]:hover{background-color:hsla(0,0%,100%,.08)}[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 +/* 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-"], +[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(--queue-color); + background-color: var(--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-"] { + 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-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/sonarr/sonarrv2.css b/CSS/themes/sonarr/sonarrv2.css index 74b8b050..20577f11 100644 --- a/CSS/themes/sonarr/sonarrv2.css +++ b/CSS/themes/sonarr/sonarrv2.css @@ -1 +1,773 @@ -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)}#footer-region::after{content:"\A theme.park 2.0";font-size:20px}.footer{color:#fff}#scroll-up{color:#fff}@media (max-width:991px){.toolbar .page-toolbar .x-toolbar-left-1{display:block}.toolbar .page-toolbar .btn-group{display:block}.btn-group.btn-group-collapse>.btn{margin:2px;display:block;float:none;border-radius:4px!important;word-wrap:normal;white-space:normal}}@media screen and (max-width:767px){.table-responsive{border:none}}.modal-content{box-shadow:0 0 10px 1px #000;border-radius:3px;background:var(--main-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover}::-webkit-scrollbar-corner{background-color:hsla(0,0%,100%,.08)}::-webkit-scrollbar{width:10px;height:10px;background:rgba(0,0,0,.25)}::-webkit-scrollbar-thumb{-webkit-border-radius:2px;border-radius:2px;background-color:rgba(255,255,255,.25)!important}.navbar-nzbdrone li a{color:hsla(0,0%,100%,.7)}.navbar-nzbdrone li a:hover{background-color:hsla(0,0%,100%,.08);color:var(--text-hover)}.search .input-group .input-group-addon,.search .input-group input{background-color:rgba(0,0,0,.25)!important;color:#fff;border-color:transparent;height:40px}.search .input-group .input-group-addon,.search .input-group input:focus{color:#fff}.tt-suggestion.tt-cursor{background-color:#191a1c!important;color:#fff!important}.search .tt-dropdown-menu{background-color:#1f1f1f}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:50px}.navbar-inverse,.navbar-toggle{background-color:rgba(0,0,0,.25);border-color:rgba(0,0,0,.25);color:#fff}.navbar-nzbdrone .navbar-toggle:focus,.navbar-nzbdrone .navbar-toggle:hover{color:var(--text-hover);background-color:hsla(0,0%,100%,.08)}@media (max-width:767px){.navbar-nzbdrone .navbar-collapse .navbar-nav li:focus,.navbar-nzbdrone .navbar-collapse .navbar-nav li:hover{background-color:hsla(0,0%,100%,.08)}}.form-control{color:#fff;background-color:rgba(0,0,0,.25)!important;border:1px solid transparent}.form-control:focus{background-color:#1f1f1f!important;border-color:rgba(0,0,0,.51);outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.6)}.bootstrap-tagsinput{background-color:rgba(0,0,0,.25);border:1px solid transparent;color:#fff}.form-group i{color:#fff}.started #page{background-color:rgba(0,0,0,.25);color:#fff;box-shadow:none;max-width:1280px}.series-item a{color:#fff}.movie-posters-item,.series-posters .series-posters-item{background-color:rgba(0,0,0,.25)!important;color:#444;box-shadow:0 0 10px 1px #000!important}.movie-posters-item{min-height:302px!important}.header-text .year{color:#fff}.backdrop .navbar-nzbdrone{opacity:.98;box-shadow:0 0 10px 1px #000;border-radius:3px;background:var(--main-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover}.movie-page-header,.series-page-header{opacity:.98;box-shadow:0 0 10px 1px #000;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}.movie-tabs-card,.series-season{opacity:.98;box-shadow:0 0 10px 1px #000;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}.episode-title-cell{color:#fff}.table-hover>tbody>tr:hover,th.sortable:hover{background-color:rgba(0,0,0,.25);color:var(--text-hover)}.progress.episode-progress .progressbar-back-text{color:#000!important}.text-warning{color:#fff}#add-movies-screen .new-movies .search-item,#add-series-screen .new-series .search-item{background-color:rgba(0,0,0,.25)!important;color:#fff!important;box-shadow:none}div.form-group>label{font-weight:500}#add-movies-screen .add-movies-search>input.form-control.x-movies-search,#add-series-screen .add-series-search>input.form-control.x-series-search{background-color:rgba(0,0,0,.25)!important;color:#fff!important;border:none;box-shadow:none}#add-movies-screen .search-item select.form-control,#add-series-screen .search-item select.form-control{background-color:#1f1f1f;color:#fff}.dropdown-menu>li>a{color:#fff}.dropdown-menu>li>a:hover{color:#000}.input-group.input-group-lg.add-movies-search>.input-group-addon,.input-group.input-group-lg.add-series-search>.input-group-addon{color:#fff;background-color:rgba(0,0,0,.25);border:0 solid rgba(0,0,0,.25)}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:hsla(0,0%,100%,.08);border-color:var(--text-hover)}.discoverable-list-item:hover{background-color:#1f1f1f;color:var(--text-hover)}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{background-color:hsla(0,0%,100%,.08)}#add-series-screen .existing-series{background-color:rgba(0,0,0,0);color:#fff;box-shadow:0 0 10px 1px #000}.calendar .premiere{border-color:rgb(var(--calendar-tv-Unaired-Premiere));background-color:rgb(var(--calendar-tv-Unaired-Premiere))}.calendar .purple{border-color:rgb(var(--calendar-tv-Downloading));background-color:rgb(var(--calendar-tv-Downloading))}.calendar .unmonitored{border-color:rgb(var(--calendar-tv-Unmonitored));background-color:rgb(var(--calendar-tv-Unmonitored))}.calendar .primary{border-color:rgb(var(--calendar-tv-Unaired));background-color:rgb(var(--calendar-tv-Unaired))}.calendar .danger{border-color:rgb(var(--calendar-tv-missing));background-color:rgb(var(--calendar-tv-missing))}.calendar .warning{border-color:rgb(var(--calendar-tv-On-Air));background-color:rgb(var(--calendar-tv-On-Air))}.calendar .success{border-color:rgb(var(--calendar-tv-available));background-color:rgb(var(--calendar-tv-available))}.event .primary{border-color:rgba(0,0,0,.25)}.date h4,.event .episode-title,.event h4{color:#fff!important}.event .episode-title{color:#f9be03!important}.event .episode-title:focus,.event .episode-title:hover{color:#f9be03;text-decoration:underline;background-color:transparent}a:focus,a:hover{color:var(--text-hover)}.event p{color:#fff}.fc-title{color:#fff}.calendar th{background-color:hsla(0,0%,100%,.08);color:#fff}.fc-day-number.fc-today.fc-state-highlight,.fc-day-top.fc-today.fc-state-highlight,.fc-day.fc-today.fc-state-highlight{background-color:hsla(0,0%,100%,.08);color:#f9be03}.popover.in{opacity:.9}.popover{background-color:#000;color:#fff}.popover>.popover-title{background-color:#000;color:#fff;border:none}.popover.left>.arrow,.popover.left>.arrow:after{border-left-color:#000}.popover.right>.arrow:after{border-right-color:#000}.backgrid-paginator ul .active span{background-color:rgba(0,0,0,0)}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{background-color:hsla(0,0%,100%,.08)}.nav>li>a:focus,.nav>li>a:hover{background-color:hsla(0,0%,100%,.08)}.alert-info{background-color:rgba(255,255,255,.25);border-color:transparent;color:#fff}.alert-warning{background-color:rgba(0,0,0,.25);border-color:transparent;color:#f0ad4e}.alert-danger,.manual-import-error{background-color:rgba(0,0,0,.25);border-color:transparent;color:#d9534f}legend{color:#fff}.thingy{background-color:rgba(0,0,0,.25);color:#fff;box-shadow:none;border:1px solid rgba(0,0,0,.25)}.add-card .center{background-color:rgba(0,0,0,0);border:1px solid transparent}.metadata-item{background-color:rgba(0,0,0,.25);color:#fff;box-shadow:none}.add-thingy{background-color:rgba(0,0,0,.25);color:#fff;box-shadow:none}.add-thingy>div>.btn-default,.add-thingy>div>div>.btn.btn-xs.btn-default.dropdown-toggle{color:#fff;background-color:rgba(0,0,0,.25);border-color:#fff;outline-style:none}.add-thingy>div>.btn-default:hover,.add-thingy>div>div>.btn.btn-xs.btn-default.dropdown-toggle:hover{color:var(--text-hover);background-color:rgba(0,0,0,.25);border-color:#fff;outline-style:none}li.save-and-add{color:#fff}ul.qualities li{border:1px solid rgba(0,0,0,.25);background:rgba(0,0,0,.25)}ul.qualities li:hover{border:1px solid rgba(0,0,0,.25);background:rgba(255,255,255,.25)}ul.qualities li.selected .quality-label{color:#fff}#quality-definition-list .rows .row .ui-slider .ui-slider-range{background-color:#2e2f31}#quality-definition-list .rows .row .ui-slider .ui-slider-handle{background-color:#f5f5f5;border:1px solid #c7c7c7}#quality-definition-list .rows .row .ui-slider{border:1px solid #2e2f31}.label-warning{background-color:#d58512}.label-info{background-color:#337ab7}pre{color:#fff;background-color:rgba(0,0,0,.25)}.Updates\/info\/19gvs{color:#fff}.well{background-color:rgba(0,0,0,.25);border:1px solid transparent}.toggle p span{color:transparent}.toggle input:checked~p span:nth-child(1){color:#fff}.toggle input:not(:checked)~p span:nth-child(2){color:#fff}.close,.close:focus,.close:hover{color:#fff!important;opacity:1}.btn-default{color:hsla(0,0%,100%,.7);background-color:rgba(0,0,0,.25);border-color:transparent;outline-style:none}.btn-default.active,.btn-default.active:hover,.btn-default:hover{color:var(--text-hover);background-color:hsla(0,0%,100%,.08);border-color:transparent;outline-style:none}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:var(--text-hover);background-color:hsla(0,0%,100%,.08);border-color:#fff}.fc-state-default{color:#fff;background-color:rgba(0,0,0,.25);border-color:#fff;outline-style:none;background-image:none;text-shadow:none}.fc-state-default:hover{background-color:hsla(0,0%,100%,.08)}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:0}.btn.btn-icon-only.x-copy-api-key.hidden-xs,.input-group-btn>button.btn.btn-icon-only.dropdown-toggle{color:#fff;background-color:#5cb85c}.input-group-btn>button.btn.btn-icon-only.dropdown-toggle:hover{color:var(--text-hover);background-color:#449d44}.btn{color:#fff;outline:0!important}.btn.btn-lg.btn-block.x-search-auto{color:#fff;background-color:rgba(0,0,0,.25)}.btn.btn-lg.btn-block.x-search-auto:hover{color:var(--text-hover);background-color:rgba(255,255,255,.05)}.btn.focus,.btn:focus,.btn:hover{color:var(--text-hover)}.modal-footer>button:not([class*=btn-primary]):not([class*=btn-danger]):not([class*=btn-success]){color:#fff;background-color:rgba(0,0,0,.25);border-color:transparent;outline-style:none}.modal-footer>button:hover:not([class*=btn-primary]):not([class*=btn-danger]):not([class*=btn-success]){color:var(--text-hover);background-color:rgba(255,255,255,.25);border-color:transparent;outline-style:none}.btn-success{color:#fff}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:var(--text-hover);background-color:#286090!important;border-color:transparent}.btn-primary.focus,.btn-primary:focus,.btn-primary:hover{color:var(--text-hover);background-color:#286090!important;border-color:transparent}.btn-success.focus,.btn-success:focus,.btn-success:hover{color:var(--text-hover);background-color:#449d44!important;border-color:transparent}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-color:hsla(0,0%,100%,.08);border-color:#fff}.btn-danger:hover{color:var(--text-hover);background-color:#c9302c;border-color:transparent}.btn-danger,.btn-primary{border-color:transparent}.dropdown-menu{background-color:#1f1f1f}.dropdown-menu>li>a{color:#fff}.dropdown-menu>li>a:hover{color:#000!important} \ No newline at end of file +body { + background: var(--main-bg-color); + background-repeat: repeat, no-repeat; + background-attachment: fixed, fixed; + background-position: center center, center center; + background-size: auto, cover; + -webkit-background-size: auto, cover; + -moz-background-size: auto, cover; + -o-background-size: auto, cover; + color: var(--text); + +} + +/* VERSION */ + +#footer-region::after { + content: "\A theme.park 2.0"; + font-size: 20px; +} + +.footer { + color: #fff; +} + +#scroll-up { + color: white; +} + +@media (max-width: 991px) { + .toolbar .page-toolbar .x-toolbar-left-1 { + display: block; + } + + .toolbar .page-toolbar .btn-group { + display: block; + } + + .btn-group.btn-group-collapse>.btn { + margin: 2px; + display: block; + float: none; + border-radius: 4px !important; + word-wrap: normal; + white-space: normal; + } +} + +@media screen and (max-width: 767px) { + .table-responsive { + border: none; + } +} + +.modal-content { + box-shadow: 0 0 10px 1px #000; + border-radius: 3px; + background: var(--main-bg-color); + background-repeat: repeat, no-repeat; + background-attachment: fixed, fixed; + background-position: center center, center center; + background-size: auto, cover; + -webkit-background-size: auto, cover; + -moz-background-size: auto, cover; + -o-background-size: auto, cover; +} + +/* scroller */ +::-webkit-scrollbar-corner { + background-color: hsla(0, 0%, 100%, .08); +} + +::-webkit-scrollbar { + width: 10px; + height: 10px; + background: rgba(0, 0, 0, .25); +} + +::-webkit-scrollbar-thumb { + -webkit-border-radius: 2px; + border-radius: 2px; + background-color: rgba(255, 255, 255, 0.25) !important; +} + +/* navbar and searchbar */ +.navbar-nzbdrone li a { + color: hsla(0, 0%, 100%, .7); +} + +.navbar-nzbdrone li a:hover { + background-color: hsla(0, 0%, 100%, .08); + color: var(--text-hover); +} + +.search .input-group .input-group-addon, +.search .input-group input { + background-color: rgba(0, 0, 0, .25) !important; + color: #FFF; + border-color: transparent; + height: 40px; +} + +.search .input-group .input-group-addon, +.search .input-group input:focus { + color: #FFF; +} + +.tt-suggestion.tt-cursor { + background-color: #191a1c !important; + color: #ffffff !important; +} + +.search .tt-dropdown-menu { + background-color: #1f1f1f; +} + +.input-group-lg>.form-control, +.input-group-lg>.input-group-addon, +.input-group-lg>.input-group-btn>.btn { + height: 50px; +} + +.navbar-inverse, +.navbar-toggle { + background-color: rgba(0, 0, 0, .25); + border-color: rgba(0, 0, 0, .25); + color: #FFF; +} + +.navbar-nzbdrone .navbar-toggle:focus, +.navbar-nzbdrone .navbar-toggle:hover { + color: var(--text-hover); + background-color: hsla(0, 0%, 100%, .08); +} + +@media (max-width: 767px) { + + .navbar-nzbdrone .navbar-collapse .navbar-nav li:focus, + .navbar-nzbdrone .navbar-collapse .navbar-nav li:hover { + background-color: hsla(0, 0%, 100%, .08); + } +} + +/* Form Stuff */ + +.form-control { + color: #FFF; + background-color: rgba(0, 0, 0, .25) !important; + border: 1px solid transparent; +} + +.form-control:focus { + background-color: #1f1f1f !important; + border-color: rgba(0, 0, 0, 0.51); + outline: 0; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.6); +} + +.bootstrap-tagsinput { + background-color: rgba(0, 0, 0, .25); + border: 1px solid transparent; + color: #FFF; +} + +.form-group i { + color: #ffffff; +} + +/* /Movies/Series/Season page */ +.started #page { + background-color: rgba(0, 0, 0, .25); + color: White; + box-shadow: none; + max-width: 1280px; +} + +.series-item a { + color: #FFF; +} + +.series-posters .series-posters-item, +.movie-posters-item { + background-color: rgba(0, 0, 0, .25) !important; + color: #444; + box-shadow: 0 0 10px 1px #000000 !important; +} + +.movie-posters-item { + min-height: 302px !important; +} + +.header-text .year { + color: #FFF; +} + +.backdrop .navbar-nzbdrone { + opacity: 0.98; + box-shadow: 0 0 10px 1px #000; + border-radius: 3px; + background: var(--main-bg-color); + background-repeat: repeat, no-repeat; + background-attachment: fixed, fixed; + background-position: center center, center center; + background-size: auto, cover; + -webkit-background-size: auto, cover; + -moz-background-size: auto, cover; + -o-background-size: auto, cover; +} + +.series-page-header, +.movie-page-header { + opacity: 0.98; + box-shadow: 0 0 10px 1px #000; + color: #ffffff; + background: var(--main-bg-color); + background-repeat: repeat, no-repeat; + background-attachment: fixed, fixed; + background-position: center center, center center; + background-size: auto, cover; + -webkit-background-size: auto, cover; + -moz-background-size: auto, cover; + -o-background-size: auto, cover; +} + +.series-season, +.movie-tabs-card { + opacity: 0.98; + box-shadow: 0 0 10px 1px #000; + color: #ffffff; + background: var(--main-bg-color); + background-repeat: repeat, no-repeat; + background-attachment: fixed, fixed; + background-position: center center, center center; + background-size: auto, cover; + -webkit-background-size: auto, cover; + -moz-background-size: auto, cover; + -o-background-size: auto, cover; +} + +.episode-title-cell { + color: #ffffff; +} + +th.sortable:hover, +.table-hover>tbody>tr:hover { + background-color: rgba(0, 0, 0, .25); + color: var(--text-hover); +} + +.progress.episode-progress .progressbar-back-text { + color: #000 !important; +} + +.text-warning { + color: #ffffff; +} + +/* SEARCH */ +#add-series-screen .new-series .search-item, +#add-movies-screen .new-movies .search-item { + background-color: rgba(0, 0, 0, .25) !important; + color: #FFFFFF !important; + box-shadow: none; +} + +div.form-group>label { + font-weight: 500; +} + +#add-series-screen .add-series-search>input.form-control.x-series-search, +#add-movies-screen .add-movies-search>input.form-control.x-movies-search { + background-color: rgba(0, 0, 0, .25) !important; + color: #FFFFFF !important; + border: none; + box-shadow: none; +} + +#add-series-screen .search-item select.form-control, +#add-movies-screen .search-item select.form-control { + background-color: #1f1f1f; + color: #FFFFFF; +} + +.dropdown-menu>li>a { + color: #ffffff; +} + +.dropdown-menu>li>a:hover { + color: #000; +} + +.input-group.input-group-lg.add-series-search>.input-group-addon, +.input-group.input-group-lg.add-movies-search>.input-group-addon { + color: #FFFFFF; + background-color: rgba(0, 0, 0, .25); + border: 0px solid rgba(0, 0, 0, .25); +} + +/* Add Movies */ +.nav .open>a, +.nav .open>a:focus, +.nav .open>a:hover { + background-color: hsla(0, 0%, 100%, .08); + border-color: var(--text-hover); +} + +.discoverable-list-item:hover { + background-color: #1f1f1f; + color: var(--text-hover); +} + +.btn-group-vertical>.btn.active, +.btn-group-vertical>.btn:active, +.btn-group-vertical>.btn:focus, +.btn-group-vertical>.btn:hover, +.btn-group>.btn.active, +.btn-group>.btn:active, +.btn-group>.btn:focus, +.btn-group>.btn:hover { + background-color: hsla(0, 0%, 100%, .08); +} + +/* Add Series */ +#add-series-screen .existing-series { + background-color: rgba(0, 0, 0, 0); + color: #fff; + box-shadow: 0 0 10px 1px #000000; +} + +/* Calendar page */ +/* Unaired Premiere */ +.calendar .premiere { + border-color: rgb(var(--calendar-tv-Unaired-Premiere)); + background-color: rgb(var(--calendar-tv-Unaired-Premiere)); +} + +/* Downloading */ +.calendar .purple { + border-color: rgb(var(--calendar-tv-Downloading)); + background-color: rgb(var(--calendar-tv-Downloading)); +} + +/* Downloading */ +.calendar .unmonitored { + border-color: rgb(var(--calendar-tv-Unmonitored)); + background-color: rgb(var(--calendar-tv-Unmonitored)); +} + +/* Unaired */ +.calendar .primary { + border-color: rgb(var(--calendar-tv-Unaired)); + background-color: rgb(var(--calendar-tv-Unaired)); +} + +/* Missing */ +.calendar .danger { + border-color: rgb(var(--calendar-tv-missing)); + background-color: rgb(var(--calendar-tv-missing)); +} + +/* On Air */ +.calendar .warning { + border-color: rgb(var(--calendar-tv-On-Air)); + background-color: rgb(var(--calendar-tv-On-Air)); +} + +/* Downloaded*/ +.calendar .success { + border-color: rgb(var(--calendar-tv-available)); + background-color: rgb(var(--calendar-tv-available)); +} + +.event .primary { + border-color: rgba(0, 0, 0, .25); +} + +/* upcoming panel */ +.event h4, +.date h4, +.event .episode-title { + color: #FFFFFF !important; +} + +.event .episode-title { + color: #f9be03 !important; +} + +.event .episode-title:focus, +.event .episode-title:hover { + color: #f9be03; + text-decoration: underline; + background-color: transparent; +} + +a:focus, +a:hover { + color: var(--text-hover); +} + +.event p { + color: #FFF; +} + +.fc-title { + color: #FFF; +} + +/* calendar month */ + +.calendar th { + background-color: hsla(0, 0%, 100%, .08); + color: #FFFFFF; +} + +.fc-day.fc-today.fc-state-highlight, +.fc-day-number.fc-today.fc-state-highlight, +.fc-day-top.fc-today.fc-state-highlight { + background-color: hsla(0, 0%, 100%, .08); + color: #f9be03; +} + +/* Activity Page */ +.popover.in { + opacity: .9; +} + +.popover { + background-color: #000; + color: #fff; +} + +.popover>.popover-title { + background-color: #000; + color: #fff; + border: none; +} + +.popover.left>.arrow, +.popover.left>.arrow:after { + border-left-color: #000; +} + +.popover.right>.arrow:after { + border-right-color: #000; +} + +.backgrid-paginator ul .active span { + background-color: rgba(0, 0, 0, 0); +} + +.nav-tabs>li.active>a, +.nav-tabs>li.active>a:focus, +.nav-tabs>li.active>a:hover { + background-color: hsla(0, 0%, 100%, .08); +} + +.nav>li>a:focus, +.nav>li>a:hover { + background-color: hsla(0, 0%, 100%, .08); +} + +/* Season Pass */ +.alert-info { + background-color: rgba(255, 255, 255, 0.25); + border-color: transparent; + color: #ffffff; +} + +/* alerts */ +.alert-warning { + background-color: rgba(0, 0, 0, 0.25); + border-color: transparent; + color: #f0ad4e; +} + +.alert-danger, +.manual-import-error { + background-color: rgba(0, 0, 0, 0.25); + border-color: transparent; + color: #d9534f; +} + +/* Settings Page */ +legend { + color: #FFFFFF; +} + +/* Settings Page - Profile */ +/*thingy*/ + +.thingy { + background-color: rgba(0, 0, 0, 0.25); + color: #FFFFFF; + box-shadow: none; + border: 1px solid rgba(0, 0, 0, 0.25); +} + +.add-card .center { + background-color: rgba(0, 0, 0, 0); + border: 1px solid rgba(0, 0, 0, 0); +} + +.metadata-item { + background-color: rgba(0, 0, 0, 0.25); + color: #FFFFFF; + box-shadow: none; +} + +/* Settings add thingy*/ + +.add-thingy { + background-color: rgba(0, 0, 0, 0.25); + color: #FFFFFF; + box-shadow: none; +} + +.add-thingy>div>.btn-default, +.add-thingy>div>div>.btn.btn-xs.btn-default.dropdown-toggle { + color: #FFFFFF; + background-color: rgba(0, 0, 0, 0.25); + border-color: #FFFFFF; + outline-style: none; +} + +.add-thingy>div>.btn-default:hover, +.add-thingy>div>div>.btn.btn-xs.btn-default.dropdown-toggle:hover { + color: var(--text-hover); + background-color: rgba(0, 0, 0, 0.25); + border-color: #FFF; + outline-style: none; +} + +li.save-and-add { + color: #ffffff; +} + +/* Settings qualities*/ +ul.qualities li { + border: 1px solid rgba(0, 0, 0, .25); + background: rgba(0, 0, 0, .25); +} + +ul.qualities li:hover { + border: 1px solid rgba(0, 0, 0, .25); + background: rgba(255, 255, 255, .25); +} + +ul.qualities li.selected .quality-label { + color: #ffffff; +} + +/* Settings Quality sliders */ +#quality-definition-list .rows .row .ui-slider .ui-slider-range { + background-color: rgb(46, 47, 49); +} + +#quality-definition-list .rows .row .ui-slider .ui-slider-handle { + background-color: #f5f5f5; + border: 1px solid #c7c7c7; +} + +#quality-definition-list .rows .row .ui-slider { + border: 1px solid #2e2f31; +} + +.label-warning { + background-color: #d58512; +} + +.label-info { + background-color: #337ab7; +} + +/* SYSTEM */ +/* logs */ +pre { + color: #fff; + background-color: rgba(0, 0, 0, .25); +} + +/* Updates */ +.Updates\/info\/19gvs { + color: #fff; +} + +/* BUTTONS */ +/* YES/NO Switch */ +.well { + background-color: rgba(0, 0, 0, .25); + border: 1px solid transparent; +} + +.toggle p span { + color: rgba(0, 0, 0, 0); +} + +.toggle input:checked~p span:nth-child(1) { + color: #FFFFFF; +} + +.toggle input:not(:checked)~p span:nth-child(2) { + color: #FFFFFF; +} + +/* Close X button */ +.close, +.close:hover, +.close:focus { + color: #FFF !important; + opacity: 1; +} + +.btn-default { + color: hsla(0, 0%, 100%, .7); + background-color: rgba(0, 0, 0, .25); + border-color: transparent; + outline-style: none; +} + +.btn-default:hover, +.btn-default.active, +.btn-default.active:hover { + color: var(--text-hover); + background-color: hsla(0, 0%, 100%, .08); + border-color: transparent; + outline-style: none; +} + +.btn-default.active.focus, +.btn-default.active:focus, +.btn-default.active:hover, +.btn-default:active.focus, +.btn-default:active:focus, +.btn-default:active:hover, +.open>.dropdown-toggle.btn-default.focus, +.open>.dropdown-toggle.btn-default:focus, +.open>.dropdown-toggle.btn-default:hover { + color: var(--text-hover); + background-color: hsla(0, 0%, 100%, .08); + border-color: #FFF; +} + +.fc-state-default { + color: #FFF; + background-color: rgba(0, 0, 0, .25); + border-color: #FFF; + outline-style: none; + background-image: none; + text-shadow: none; +} + +.fc-state-default:hover { + background-color: hsla(0, 0%, 100%, .08); +} + +.btn-group .btn+.btn, +.btn-group .btn+.btn-group, +.btn-group .btn-group+.btn, +.btn-group .btn-group+.btn-group { + margin-left: 0px; +} + +.input-group-btn>button.btn.btn-icon-only.dropdown-toggle, +.btn.btn-icon-only.x-copy-api-key.hidden-xs { + color: #FFFFFF; + background-color: #5cb85c; +} + +.input-group-btn>button.btn.btn-icon-only.dropdown-toggle:hover { + color: var(--text-hover); + background-color: #449d44; +} + +.btn { + color: #FFF; + outline: 0 !important; +} + +.btn.btn-lg.btn-block.x-search-auto { + color: #FFF; + background-color: rgba(0, 0, 0, .25); +} + +.btn.btn-lg.btn-block.x-search-auto:hover { + color: var(--text-hover); + background-color: rgba(255, 255, 255, 0.05); +} + +.btn.focus, +.btn:focus, +.btn:hover { + color: var(--text-hover); +} + +.modal-footer>button:not([class*="btn-primary"]):not([class*="btn-danger"]):not([class*="btn-success"]) { + color: #FFF; + background-color: rgba(0, 0, 0, .25); + border-color: transparent; + outline-style: none; +} + +.modal-footer>button:hover:not([class*="btn-primary"]):not([class*="btn-danger"]):not([class*="btn-success"]) { + color: var(--text-hover); + background-color: rgba(255, 255, 255, .25); + border-color: transparent; + outline-style: none; +} + +/* green button */ +.btn-success { + color: #FFF; +} + +/* save button */ +.btn-primary.active.focus, +.btn-primary.active:focus, +.btn-primary.active:hover, +.btn-primary:active.focus, +.btn-primary:active:focus, +.btn-primary:active:hover, +.open>.dropdown-toggle.btn-primary.focus, +.open>.dropdown-toggle.btn-primary:focus, +.open>.dropdown-toggle.btn-primary:hover { + color: var(--text-hover); + background-color: #286090 !important; + border-color: transparent; +} + +/* blue button */ +.btn-primary.focus, +.btn-primary:focus, +.btn-primary:hover { + color: var(--text-hover); + background-color: #286090 !important; + border-color: transparent; +} + +.btn-success.focus, +.btn-success:focus, +.btn-success:hover { + color: var(--text-hover); + background-color: #449d44 !important; + border-color: transparent; +} + +.btn-default.active, +.btn-default:active, +.open>.dropdown-toggle.btn-default { + background-color: hsla(0, 0%, 100%, .08); + border-color: #FFF; +} + +.btn-danger:hover { + color: var(--text-hover); + background-color: #c9302c; + border-color: transparent; +} + +.btn-primary, +.btn-danger { + border-color: transparent; +} + +.dropdown-menu { + background-color: #1f1f1f; +} + +.dropdown-menu>li>a { + color: #ffffff; +} + +.dropdown-menu>li>a:hover { + color: #000 !important; +} diff --git a/CSS/themes/sonarr/soul.css b/CSS/themes/sonarr/soul.css index d1cd48bf..26f5905e 100644 --- a/CSS/themes/sonarr/soul.css +++ b/CSS/themes/sonarr/soul.css @@ -1 +1,35 @@ -@import url(https://gilbn.github.io/theme.park/CSS/themes/sonarr/sonarr-base.css);:root{--main-bg-color:radial-gradient(ellipse at center bottom, rgba(255, 153, 0, .7) 0%, #3c0015 80%, rgba(0, 0, 0, 1) 100%) center center/cover no-repeat fixed,url("https://themepark-develop.netlify.app/Resources/soul.jpg") center center/cover no-repeat fixed;--modal-bg-color:linear-gradient(180deg, rgba(140, 64, 2, .8) 0%, #3c0015 100%) center center/cover no-repeat fixed,url("https://themepark-develop.netlify.app/Resources/soul.jpg") center center/cover no-repeat fixed;--calendar-tv-Unaired-Premiere:53 197 244;--calendar-tv-Downloading:122 67 182;--calendar-tv-Unmonitored:173 173 173;--calendar-tv-Unaired:93 156 236;--calendar-tv-missing:240 80 80;--calendar-tv-On-Air:255 165 0;--calendar-tv-available:39 194 76;--button-color:rgba(255, 255, 255, .15);--button-color-hover:#f90c;--accent-color:#f90c;--accent-color-hover:#f90c;--queue-color:#204c80cc} \ No newline at end of file +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +/* SONARR SOUL STONE THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/sonarr/sonarr-base.css); + +:root { + --main-bg-color: radial-gradient(ellipse at center bottom, rgba(255, 153, 0, .7) 0%, #3c0015 80%, rgba(0, 0, 0, 1) 100%) center center/cover no-repeat fixed, + url("https://themepark-develop.netlify.app/Resources/soul.jpg") center center/cover no-repeat fixed; + --modal-bg-color: linear-gradient(180deg, rgba(140, 64, 2, .8) 0%, #3c0015 100%) center center/cover no-repeat fixed, + url("https://themepark-develop.netlify.app/Resources/soul.jpg") center center/cover no-repeat fixed; + + --calendar-tv-Unaired-Premiere: 53 197 244; + --calendar-tv-Downloading: 122 67 182; + --calendar-tv-Unmonitored: 173 173 173; + --calendar-tv-Unaired: 93 156 236; + --calendar-tv-missing: 240 80 80; + --calendar-tv-On-Air: 255 165 0; + --calendar-tv-available: 39 194 76; + + --button-color: rgba(255, 255, 255, .15); + --button-color-hover: #f90c; + --accent-color: #f90c; + --accent-color-hover: #f90c; + --queue-color: #204c80cc; +} \ No newline at end of file diff --git a/CSS/themes/sonarr/space-gray.css b/CSS/themes/sonarr/space-gray.css index 5da9ad25..a55138c4 100644 --- a/CSS/themes/sonarr/space-gray.css +++ b/CSS/themes/sonarr/space-gray.css @@ -1 +1,27 @@ -@import url(https://theme-park.dev/CSS/themes/sonarr/sonarr-base.css);@import url(https://theme-park.dev/CSS/variables/space-gray.css);: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;--queue-color:#81a6b7} \ No newline at end of file +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +/* SONARR SPACE GRAY THEME */ +@import url(https://theme-park.dev/CSS/themes/sonarr/sonarr-base.css); +@import url(https://theme-park.dev/CSS/variables/space-gray.css); + +/* APP VARS */ +: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; + --queue-color: #81a6b7; +} diff --git a/CSS/themes/sonarr/space.css b/CSS/themes/sonarr/space.css index e408cb5a..d58a3753 100644 --- a/CSS/themes/sonarr/space.css +++ b/CSS/themes/sonarr/space.css @@ -1 +1,35 @@ -@import url(https://gilbn.github.io/theme.park/CSS/themes/sonarr/sonarr-base.css);:root{--main-bg-color:radial-gradient(ellipse at center bottom, rgba(0, 98, 255, .7) 0%, #020013 80%, rgb(0, 0, 0) 100%) center center/cover no-repeat fixed,url("https://themepark-develop.netlify.app/Resources/space.jpg") center center/cover no-repeat fixed;--modal-bg-color:linear-gradient(180deg, rgba(0, 98, 255, .7) 0%, #10003c 100%) center center/cover no-repeat fixed,url("https://themepark-develop.netlify.app/Resources/space.jpg") center center/cover no-repeat fixed;--calendar-tv-Unaired-Premiere:53 197 244;--calendar-tv-Downloading:122 67 182;--calendar-tv-Unmonitored:173 173 173;--calendar-tv-Unaired:93 156 236;--calendar-tv-missing:240 80 80;--calendar-tv-On-Air:255 165 0;--calendar-tv-available:39 194 76;--button-color:rgba(255, 255, 255, .15);--button-color-hover:#0062ffcc;--accent-color:#0062ffcc;--accent-color-hover:#0062ffcc;--queue-color:#0062ffcc} \ No newline at end of file +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +/* SONARR SPACE STONE THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/sonarr/sonarr-base.css); + +:root { + --main-bg-color: radial-gradient(ellipse at center bottom, rgba(0, 98, 255, .7) 0%, #020013 80%, rgb(0, 0, 0) 100%) center center/cover no-repeat fixed, + url("https://themepark-develop.netlify.app/Resources/space.jpg") center center/cover no-repeat fixed; + --modal-bg-color: linear-gradient(180deg, rgba(0, 98, 255, .7) 0%, #10003c 100%) center center/cover no-repeat fixed, + url("https://themepark-develop.netlify.app/Resources/space.jpg") center center/cover no-repeat fixed; + + --calendar-tv-Unaired-Premiere: 53 197 244; + --calendar-tv-Downloading: 122 67 182; + --calendar-tv-Unmonitored: 173 173 173; + --calendar-tv-Unaired: 93 156 236; + --calendar-tv-missing: 240 80 80; + --calendar-tv-On-Air: 255 165 0; + --calendar-tv-available: 39 194 76; + + --button-color: rgba(255, 255, 255, .15); + --button-color-hover: #0062ffcc; + --accent-color: #0062ffcc; + --accent-color-hover: #0062ffcc; + --queue-color: #0062ffcc; +} \ No newline at end of file diff --git a/CSS/themes/sonarr/time.css b/CSS/themes/sonarr/time.css index d79dcc93..37b87bda 100644 --- a/CSS/themes/sonarr/time.css +++ b/CSS/themes/sonarr/time.css @@ -1 +1,35 @@ -@import url(https://gilbn.github.io/theme.park/CSS/themes/sonarr/sonarr-base.css);:root{--main-bg-color:radial-gradient(ellipse at center bottom, rgba(109, 247, 81, .7) 0%, #00130c 80%, rgb(0, 0, 0) 100%) center center/cover no-repeat fixed,url("https://themepark-develop.netlify.app/Resources/time.jpg") center center/cover no-repeat fixed;--modal-bg-color:linear-gradient(180deg, rgba(2, 77, 0, .8) 0%, #00130c 100%) center center/cover no-repeat fixed,url("https://themepark-develop.netlify.app/Resources/time.jpg") center center/cover no-repeat fixed;--calendar-tv-Unaired-Premiere:53 197 244;--calendar-tv-Downloading:122 67 182;--calendar-tv-Unmonitored:173 173 173;--calendar-tv-Unaired:93 156 236;--calendar-tv-missing:240 80 80;--calendar-tv-On-Air:255 165 0;--calendar-tv-available:39 194 76;--button-color:rgba(255, 255, 255, .15);--button-color-hover:rgba(4, 168, 0, .8);--accent-color:#6df751cc;--accent-color-hover:#6df751cc;--queue-color:#6df751cc} \ No newline at end of file +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +/* SONARR TIME STONE THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/sonarr/sonarr-base.css); + +:root { + --main-bg-color: radial-gradient(ellipse at center bottom, rgba(109, 247, 81, .7) 0%, #00130c 80%, rgb(0, 0, 0) 100%) center center/cover no-repeat fixed, + url("https://themepark-develop.netlify.app/Resources/time.jpg") center center/cover no-repeat fixed; + --modal-bg-color: linear-gradient(180deg, rgba(2, 77, 0, .8) 0%, #00130c 100%) center center/cover no-repeat fixed, + url("https://themepark-develop.netlify.app/Resources/time.jpg") center center/cover no-repeat fixed; + + --calendar-tv-Unaired-Premiere: 53 197 244; + --calendar-tv-Downloading: 122 67 182; + --calendar-tv-Unmonitored: 173 173 173; + --calendar-tv-Unaired: 93 156 236; + --calendar-tv-missing: 240 80 80; + --calendar-tv-On-Air: 255 165 0; + --calendar-tv-available: 39 194 76; + + --button-color: rgba(255, 255, 255, .15); + --button-color-hover: rgba(4, 168, 0, .8); + --accent-color: #6df751cc; + --accent-color-hover: #6df751cc; + --queue-color: #6df751cc; +} \ No newline at end of file diff --git a/CSS/themes/synclounge/aquamarine.css b/CSS/themes/synclounge/aquamarine.css index b8d7d47d..b5e99d61 100644 --- a/CSS/themes/synclounge/aquamarine.css +++ b/CSS/themes/synclounge/aquamarine.css @@ -1 +1,22 @@ -@import url(https://theme-park.dev/CSS/themes/synclounge/synclounge-base.css);:root{--main-bg-color:radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;--modal-bg-color:radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;--default-button-color:#009688;--default-button-color-hover:#12afa0;--accent-color:#12afa0} \ No newline at end of file + +/* 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 */ + +/* SYNCLOUNGE AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/synclounge/synclounge-base.css); +:root { + --main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; + --modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; + --default-button-color: #009688; + --default-button-color-hover: #12afa0; + --accent-color: #12afa0; +} diff --git a/CSS/themes/synclounge/dark.css b/CSS/themes/synclounge/dark.css index b784c6a0..c3e1781e 100644 --- a/CSS/themes/synclounge/dark.css +++ b/CSS/themes/synclounge/dark.css @@ -1 +1,22 @@ -@import url(https://theme-park.dev/CSS/themes/synclounge/synclounge-base.css);: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;--default-button-color:#cc7b19;--default-button-color-hover:#e59029;--accent-color:#e59029} \ No newline at end of file + +/* 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 */ + +/* SYNCLOUNGE DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/synclounge/synclounge-base.css); +: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; + --default-button-color: #cc7b19; + --default-button-color-hover: #e59029; + --accent-color: #e59029; + } \ No newline at end of file diff --git a/CSS/themes/synclounge/hotline.css b/CSS/themes/synclounge/hotline.css index 21ac288c..9b3f2242 100644 --- a/CSS/themes/synclounge/hotline.css +++ b/CSS/themes/synclounge/hotline.css @@ -1 +1,22 @@ -@import url(https://theme-park.dev/CSS/themes/synclounge/synclounge-base.css);:root{--main-bg-color:radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;--modal-bg-color:radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;--default-button-color:#F44336;--default-button-color-hover:rgb(247, 106, 96);--accent-color:#F44336} \ No newline at end of file + +/* 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 */ + +/* SYNCLOUNGE HOTLINE THEME */ +@import url(https://theme-park.dev/CSS/themes/synclounge/synclounge-base.css); +:root { + --main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; + --modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; + --default-button-color: #F44336; + --default-button-color-hover: rgb(247, 106, 96); + --accent-color: #F44336; +} \ No newline at end of file diff --git a/CSS/themes/synclounge/organizr-dark.css b/CSS/themes/synclounge/organizr-dark.css index 34c4f51d..45f5f6ec 100644 --- a/CSS/themes/synclounge/organizr-dark.css +++ b/CSS/themes/synclounge/organizr-dark.css @@ -1 +1,22 @@ -@import url(https://theme-park.dev/CSS/themes/synclounge/synclounge-base.css);:root{--main-bg-color:#1f1f1f;--modal-bg-color:#1b1b1b;--default-button-color:#2cabe3;--default-button-color-hover:rgb(44 171 227 / .8);--accent-color:#2cabe3} \ No newline at end of file + +/* 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 */ + +/* SYNCLOUNGE ORGANIZR-DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/synclounge/synclounge-base.css); +:root { + --main-bg-color: #1f1f1f; + --modal-bg-color: #1b1b1b; + --default-button-color: #2cabe3; + --default-button-color-hover: rgb(44 171 227 / .8); + --accent-color: #2cabe3; + } \ No newline at end of file diff --git a/CSS/themes/synclounge/plex.css b/CSS/themes/synclounge/plex.css index ca8aa619..697b7117 100644 --- a/CSS/themes/synclounge/plex.css +++ b/CSS/themes/synclounge/plex.css @@ -1 +1,22 @@ -@import url(https://theme-park.dev/CSS/themes/synclounge/synclounge-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;--default-button-color:#cc7b19;--default-button-color-hover:#e59029;--accent-color:#e59029} \ No newline at end of file + +/* 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 */ + +/* SYNCLOUNGE PLEX THEME */ +@import url(https://theme-park.dev/CSS/themes/synclounge/synclounge-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; + --default-button-color: #cc7b19; + --default-button-color-hover: #e59029; + --accent-color: #e59029; +} \ No newline at end of file diff --git a/CSS/themes/synclounge/space-gray.css b/CSS/themes/synclounge/space-gray.css index 8a807e3f..94718168 100644 --- a/CSS/themes/synclounge/space-gray.css +++ b/CSS/themes/synclounge/space-gray.css @@ -1 +1,22 @@ -@import url(https://theme-park.dev/CSS/themes/synclounge/synclounge-base.css);: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;--default-button-color:#607D8B;--default-button-color-hover:#81a6b7;--accent-color:#607D8B} \ No newline at end of file + +/* 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 */ + +/* SYNCLOUNGE SPACE GRAY THEME */ +@import url(https://theme-park.dev/CSS/themes/synclounge/synclounge-base.css); +: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; + --default-button-color: #607D8B; + --default-button-color-hover: #81a6b7; + --accent-color: #607D8B; +} diff --git a/CSS/themes/synclounge/synclounge-base.css b/CSS/themes/synclounge/synclounge-base.css index f454d698..7982d8a4 100644 --- a/CSS/themes/synclounge/synclounge-base.css +++ b/CSS/themes/synclounge/synclounge-base.css @@ -1 +1,173 @@ -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}h4{color:#fff}.v-toolbar{background:0 0!important;box-shadow:none}.v-toolbar__content,.v-toolbar__extension{background-color:rgba(0,0,0,.6)!important}p a{color:var(--accent-color)!important}.application .theme--dark.v-card,.theme--dark .v-card .primary--text{color:var(--accent-color)!important}.application .theme--dark.v-card,.theme--dark .v-card .accent--text{color:var(--accent-color)!important}.application .theme--dark.v-card,.theme--dark .v-card .primary{color:var(--accent-color)!important}.flex.xs12 a{color:var(--accent-color)}.v-list__tile{color:#fff!important}.v-stepper__step__step .primary{background-color:var(--default-button-color)!important;border-color:var(--default-button-color)!important}.primary{background-color:var(--default-button-color)!important;border-color:var(--default-button-color)!important}.primary--text textarea,.v-input__control .v-input__slot .primary--text input{caret-color:var(--accent-color)!important}.primary--text textarea,.v-input input:active,.v-input input:focus,.v-input textarea:active,.v-input textarea:focus .primary--text input{caret-color:var(--accent-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){background-color:var(--default-button-color)!important}.v-btn__content{color:#fff}.v-btn--active:before,.v-btn:focus:before,.v-btn:hover:before{background-color:#fff}.application .theme--dark.v-card,.theme--dark .v-card{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}.flex.md3 .application .theme--dark.v-card,.theme--dark .v-card{background:rgba(255,255,255,.1)!important;color:#fff}.theme--dark.v-expansion-panels .v-expansion-panel{background-color:transparent;color:#fff}.theme--dark.v-text-field--solo>.v-input__control>.v-input__slot{background:rgb(0 0 0 / .5)}.flex.md3 .application .theme--dark.v-list,.theme--dark .v-list{background:rgba(255,255,255,.1)!important}.theme--dark .v-list,flex xs12 .flex.md3 .application .theme--dark.v-list{background:inherit!important}.v-navigation-drawer{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-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}.menuable__content__active{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 +/* 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 */ + +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; +} + +h4 { + color: #ffffff; +} + +.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: var(--accent-color) !important; +} + +.application .theme--dark.v-card, +.theme--dark .v-card .primary--text { + color: var(--accent-color) !important; +} + +.application .theme--dark.v-card, +.theme--dark .v-card .accent--text { + color: var(--accent-color) !important; +} + +.application .theme--dark.v-card, +.theme--dark .v-card .primary { + color: var(--accent-color) !important; +} + +.flex.xs12 a { + color: var(--accent-color); +} + +.v-list__tile { + color: #fff !important; +} + +.v-stepper__step__step .primary { + background-color: var(--default-button-color) !important; + border-color: var(--default-button-color) !important; +} + +.primary { + background-color: var(--default-button-color) !important; + border-color: var(--default-button-color) !important; +} + +.v-input__control .v-input__slot .primary--text input, +.primary--text textarea { + caret-color: 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: var(--accent-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) { + background-color: var(--default-button-color) !important; +} + +.v-btn__content { + color: #fff; +} + +.v-btn--active:before, +.v-btn:focus:before, +.v-btn:hover:before { + background-color: white; +} + +.application .theme--dark.v-card, +.theme--dark .v-card { + 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; +} + +.flex.md3 .application .theme--dark.v-card, +.theme--dark .v-card { + background: rgba(255, 255, 255, 0.10) !important; + color: #fff; +} + +.theme--dark.v-expansion-panels .v-expansion-panel { + background-color: transparent; + color: #fff; +} + +.theme--dark.v-text-field--solo>.v-input__control>.v-input__slot { + background: rgb(0 0 0 / 0.50); +} + +.flex.md3 .application .theme--dark.v-list, +.theme--dark .v-list { + background: rgba(255, 255, 255, 0.10) !important; +} + +flex xs12 .flex.md3 .application .theme--dark.v-list, +.theme--dark .v-list { + background: inherit !important; +} + +.v-navigation-drawer { + 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; +} + +/*popup modal */ +.v-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; +} + +.menuable__content__active { + 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/tautulli/aquamarine.css b/CSS/themes/tautulli/aquamarine.css index 07a0136e..5ad5ecb9 100644 --- a/CSS/themes/tautulli/aquamarine.css +++ b/CSS/themes/tautulli/aquamarine.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/tautulli/tautulli-base.css);@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file + +/* 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 */ + +/* TAUTULLI AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/tautulli/tautulli-base.css); +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file diff --git a/CSS/themes/tautulli/dark.css b/CSS/themes/tautulli/dark.css index 3e4aec45..1ffded84 100644 --- a/CSS/themes/tautulli/dark.css +++ b/CSS/themes/tautulli/dark.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/tautulli/tautulli-base.css);@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file + +/* 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 */ + +/* TAUTULLI DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/tautulli/tautulli-base.css); +@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file diff --git a/CSS/themes/tautulli/dracula.css b/CSS/themes/tautulli/dracula.css index 4132d6b1..af5dd315 100644 --- a/CSS/themes/tautulli/dracula.css +++ b/CSS/themes/tautulli/dracula.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/tautulli/tautulli-base.css);@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file + +/* 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 */ + +/* TAUTULLI DRACULA THEME */ +@import url(https://theme-park.dev/CSS/themes/tautulli/tautulli-base.css); +@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file diff --git a/CSS/themes/tautulli/hotline.css b/CSS/themes/tautulli/hotline.css index c5b48cb1..648b48d9 100644 --- a/CSS/themes/tautulli/hotline.css +++ b/CSS/themes/tautulli/hotline.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/tautulli/tautulli-base.css);@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file + +/* 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 */ + +/* TAUTULLI HOTLINE THEME */ +@import url(https://theme-park.dev/CSS/themes/tautulli/tautulli-base.css); +@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file diff --git a/CSS/themes/tautulli/organizr-dark.css b/CSS/themes/tautulli/organizr-dark.css index d36a2143..53ac7ed5 100644 --- a/CSS/themes/tautulli/organizr-dark.css +++ b/CSS/themes/tautulli/organizr-dark.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/tautulli/tautulli-base.css);@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file + +/* 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 */ + +/* TAUTULLI ORGANIZR-DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/tautulli/tautulli-base.css); +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file diff --git a/CSS/themes/tautulli/plex.css b/CSS/themes/tautulli/plex.css index 1c303c19..537fb682 100644 --- a/CSS/themes/tautulli/plex.css +++ b/CSS/themes/tautulli/plex.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/tautulli/tautulli-base.css);@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file + +/* 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 */ + +/* TAUTULLI PLEX THEME */ +@import url(https://theme-park.dev/CSS/themes/tautulli/tautulli-base.css); +@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file diff --git a/CSS/themes/tautulli/space-gray.css b/CSS/themes/tautulli/space-gray.css index b7437d34..a6c36ff7 100644 --- a/CSS/themes/tautulli/space-gray.css +++ b/CSS/themes/tautulli/space-gray.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/tautulli/tautulli-base.css);@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file + +/* 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 */ + +/* TAUTULLI SPACE GRAY THEME */ +@import url(https://theme-park.dev/CSS/themes/tautulli/tautulli-base.css); +@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file diff --git a/CSS/themes/tautulli/tautulli-base.css b/CSS/themes/tautulli/tautulli-base.css index 3135f365..19302f10 100644 --- a/CSS/themes/tautulli/tautulli-base.css +++ b/CSS/themes/tautulli/tautulli-base.css @@ -1 +1,858 @@ -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)}.news-date,.news-title,p{color:var(--text)}#tautulli-news .accordion li.open .link i.fa,#tautulli-news .open .news-date,#tautulli-news .open .news-title,.config-scheduler-table th,.dashboard-activity-info-time,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,.header-bar span,.help-block,.padded-header h1,.summary-content-details-tag strong,h1 .small,h1 small,h2,h2 .small,h2 small,h3,h3 .small,h3 small,h4,h4 .small,h4 small,h5,h5 .small,h5 small,h6,h6 .small,h6 small,strong{color:var(--text-hover)}.list-unstyled{color:#fff}.small-muted,.text-muted{color:var(--text-muted)}.news-body a,a,a.no-highlight{color:var(--link-color)}.dashboard-activity-metadata-title a:hover,.dashboard-activity-metadata-user a:hover,a.no-highlight:hover,a:hover{color:var(--link-color-hover)}#mobile-device-config-modal span.notifier_id,#newsletter-config-modal span.newsletter_id,#notifier-config-modal span.notifier_id,#plexpy-mobile-devices-table .friendly_name,#plexpy-newsletters-table .friendly_name,#plexpy-notifiers-table .friendly_name{color:#fff}.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}.nav>li.active>a,.nav>li.active>a:focus,.nav>li.active>a:hover{color:#f9be03;background-color:rgba(0,0,0,.25)}.nav>li>a{color:var(--text)}.nav>li>a:focus,.nav>li>a:hover{background-color:rgba(255,255,255,.08);color:var(--text-hover)}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:rgba(255,255,255,.08);color: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{background-color:rgba(255,255,255,.08);color:var(--text-hover)}.dropdown-menu .divider{background-color:rgba(255,255,255,.08)}.react-selectize.bootstrap3.root-node .react-selectize-control,select{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-activity-background,.dashboard-activity-poster-container,.dashboard-stats-background{background-color:rgba(0,0,0,.25)}.dashboard-activity-progress-bar{background-color:rgba(0,0,0,.25)}.dashboard-activity-progress .buffer-bar{background-color:rgba(255,255,255,.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}.btn-dark{background-color:var(--button-color);border-color:var(--button-color)}.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:focus,.btn-dark:active,.open>.dropdown-toggle.btn-dark{color:var(--button-text-hover);background-color:var(--button-color-hover);border-color:var(--button-color-hover)}.btn-dark.focus:not(select),.btn-dark:active:focus:not(select),.btn-dark:focus:not(select),.btn.focus:not(select),.btn: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,.08)}.btn-danger.btn-edit{background-color:rgba(255,255,255,.25)}.btn-form{background-color:var(--button-color)}.btn-form:hover{background-color:var(--button-color-hover)}.uneditable-input,input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea{background-color:rgba(0,0,0,.25)}.react-selectize.root-node .react-selectize-control,.selectize-control.form-control .selectize-input{background:rgba(0,0,0,.25)!important}div.form-control .selectize-input,select.form-control{background-color:rgba(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,.25)}textarea.form-control{background-color:rgba(0,0,0,.25)}.uneditable-input:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]: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,textarea:focus{color:#fff;background:rgba(0,0,0,.25)}.form-control:focus{border-color:transparent;outline:0;-webkit-box-shadow:none;box-shadow:none}.table-card-header{background-color:rgba(0,0,0,.25);border-bottom:1px solid rgba(255,255,255,.25);border-top:1px solid #00000000}.table-card-back{background-color:rgba(0,0,0,.15)}table.display thead th{color:var(--text-hover);background-color:rgba(0,0,0,.25)}table.display thead tr:hover{background-color:rgba(0,0,0,.45)}.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,.45);border-top:1px solid transparent}.nav-settings>.active>a,.nav-settings>.active>a:focus,.nav-settings>.active>a:hover{background-color:rgba(0,0,0,.25)}.nav-settings>li>a:focus,.nav-settings>li>a:hover{color:var(--text-hover);background-color:rgba(255,255,255,.08)}.card{background-color:rgba(0,0,0,.25);border-top:1px solid #00000000}.card-sortable{border-bottom:1px solid rgba(255,255,255,.08)}.card-handle{color:#fff;background-color:rgba(0,0,0,.25)}.stacked-configs>li{background-color:rgba(0,0,0,.25)}.stacked-configs>li>span{color:#fff;border-left:2px solid rgba(0,0,0,.25);border-top:1px solid rgba(255,255,255,.08)}.stacked-configs>li>span:focus,.stacked-configs>li>span:hover{color:#fff;background-color:rgba(255,255,255,.08)}.stacked-configs>li>span>a.toggle-left,.stacked-configs>li>span>span.toggle-left{color:#999}.stacked-configs>li>span>span.active,span>a.active{color:#f9be03}.inline-pre{background-color:rgba(255,255,255,.25)}.summary-container .table-card-back,.summary-container .table-card-header{background:rgba(0,0,0,.45)}.summary-navbar{background-color:rgba(0,0,0,.25)}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{background-color:rgba(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:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{background-color:var(--button-color-hover);border:1px solid var(--button-color-hover);color:var(--button-text-hover)}.graphs-instance{background-color:rgba(0,0,0,.45)}.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,.08)}#newsletter-config-modal .nav-tabs>li>a,#notifier-config-modal .nav-tabs>li>a{color:var(--text)}#newsletter-config-modal .nav-tabs>li.active>a,#newsletter-config-modal .nav-tabs>li.active>a:focus,#newsletter-config-modal .nav-tabs>li.active>a:hover,#notifier-config-modal .nav-tabs>li.active>a,#notifier-config-modal .nav-tabs>li.active>a:focus,#notifier-config-modal .nav-tabs>li.active>a:hover{color:var(--text-hover);background:rgba(0,0,0,.45)}#newsletter-config-modal .nav-tabs>li.active>a,#newsletter-config-modal .nav-tabs>li.active>a:focus,#newsletter-config-modal .nav-tabs>li.active>a:hover,#notifier-config-modal .nav-tabs>li.active>a,#notifier-config-modal .nav-tabs>li.active>a:focus,#notifier-config-modal .nav-tabs>li.active>a:hover{border:1px solid #0000;border-bottom-color:transparent}#newsletter-config-modal .nav-tabs>li>a:hover,#notifier-config-modal .nav-tabs>li>a:hover{border-color:#0000;background:rgba(255,255,255,.08);color:var(--text-hover)}#newsletter-config-modal .nav-tabs,#notifier-config-modal .nav-tabs{border-bottom:1px solid rgba(255,255,255,.25)}.accordion{background:rgba(0,0,0,.25)}.accordion li .link{color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}.accordion li .link:hover,.accordion li .link:hover i.fa{background:rgba(255,255,255,.08)}.submenu{background:rgba(0,0,0,.25)}.stream-info{background-color:rgba(0,0,0,.25)}.item-children-section-title{background-color:rgba(255,255,255,.08);border-bottom:1px solid #00000000;border-top:1px solid #00000000}.navbar-toggle:focus,.navbar-toggle:hover{background-color:rgba(255,255,255,.08)}.navbar-toggle{background-color:rgba(255,255,255,.08)}@media (max-width:768px){.navbar-collapse.in{box-shadow:0 15px 10px -10px rgba(0,0,0,.7)}}#login-methods .submenu{background:0 0}.login-container .remember-group{color:#eee}#login-methods>li.open>div{color:rgb(var(--accent-color))}.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)}#menu_link_show_advanced_settings.active,.btn-bright.active,.btn-bright:active,.open>.dropdown-toggle.btn-bright{color:#fff;background-color:var(--button-color-hover);box-shadow:inset 0 1px 0 var(--button-color-hover)}.btn-bright.active.focus,.btn-bright.active:focus,.btn-bright.active:hover,.btn-bright:active.focus,.btn-bright:active:focus,.btn-bright:active:hover,.open>.dropdown-toggle.btn-bright.focus,.open>.dropdown-toggle.btn-bright:focus,.open>.dropdown-toggle.btn-bright:hover{color:#fff;background-color:var(--button-color-hover);box-shadow:inset 0 1px 0 var(--button-color-hover)}.btn-dark.focus,.btn-dark:active:focus,.btn-dark:focus,.btn.focus,.btn:focus:not(#history-user):not(#graph-user):not(#sync-user){color:#fff;background-color:var(--button-color-hover)!important;opacity:.8}.btn-bright.disabled,.btn-bright.disabled.active,.btn-bright.disabled.focus,.btn-bright.disabled:active,.btn-bright.disabled:focus,.btn-bright.disabled:hover,.btn-bright[disabled],.btn-bright[disabled].active,.btn-bright[disabled].focus,.btn-bright[disabled]:active,.btn-bright[disabled]:focus,.btn-bright[disabled]:hover,fieldset[disabled] .btn-bright,fieldset[disabled] .btn-bright.active,fieldset[disabled] .btn-bright.focus,fieldset[disabled] .btn-bright:active,fieldset[disabled] .btn-bright:focus,fieldset[disabled] .btn-bright:hover{background-color:var(--button-color);border-color:var(--button-color)}.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:focus,.nav>li.active>a:hover{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>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{background-color:var(--button-color-hover);border-color:var(--button-color-hover);color:var(--button-text-hover)}a:focus,a:hover{color:var(--link-color-hover)}table.display td:hover a{color:var(--link-color-hover)}.summary-content-title h1,.summary-content-title h1 a,.user-overview-stats-instance h3,.user-player-instance-playcount h3{color:var(--text-hover)}.user-info-nav>.active>a{color:rgb(var(--accent-color))}a:hover .dashboard-recent-media-cover,a:hover .dashboard-recent-media-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))}.nav-settings>.active>a,.nav-settings>.active>a:focus,.nav-settings>.active>a:hover{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-cover,a:hover .dashboard-activity-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))}a:hover .dashboard-stats-circle,a:hover .dashboard-stats-cover,a:hover .dashboard-stats-poster,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))}.summary-poster-face-overlay,a .cover-face:hover,a .poster-face:hover,a .users-poster-face: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))}.submenu li{border-bottom:1px solid rgba(255,255,255,.08)}.stacked-configs>li>span>span.active,span>a.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 +/* 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, +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; +} + +.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); +} + +.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/aquamarine.css b/CSS/themes/thelounge/aquamarine.css index 65e4bd38..3e042222 100644 --- a/CSS/themes/thelounge/aquamarine.css +++ b/CSS/themes/thelounge/aquamarine.css @@ -1 +1,30 @@ -@import url(https://theme-park.dev/CSS/themes/thelounge/thelounge-base.css);:root{--body-bg-color:radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;--window-bg-color:radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;--button-color:#009688;--theme-accent:#009688;--date-marker-color:#FFC107;--body-color:#f3f3f3;--body-color-muted:#dedede;--link-color:#77abd9;--button-text-color-hover:#fff;--upload-progressbar-color:var(--button-color);--unread-marker-color:#f92772;--highlight-bg-color:#4d4332;--highlight-border-color:#b08c4f} \ No newline at end of file +/* 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 */ + +/* THE LOUNGE AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/thelounge/thelounge-base.css); +:root { + --body-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; + --window-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; + --button-color: #009688; + --theme-accent: #009688; + --date-marker-color: #FFC107; + + --body-color: #f3f3f3; + --body-color-muted: #dedede; + --link-color: #77abd9; + --button-text-color-hover: #fff; + --upload-progressbar-color: var(--button-color); + --unread-marker-color: #f92772; + --highlight-bg-color: #4d4332; + --highlight-border-color: #b08c4f; + } diff --git a/CSS/themes/thelounge/dark.css b/CSS/themes/thelounge/dark.css index 6493a88d..6dd2fb9b 100644 --- a/CSS/themes/thelounge/dark.css +++ b/CSS/themes/thelounge/dark.css @@ -1 +1,30 @@ -@import url(https://theme-park.dev/CSS/themes/thelounge/thelounge-base.css);:root{--body-bg-color:radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;--window-bg-color:radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;--button-color:#3d3d3d;--theme-accent:#3d3d3d;--date-marker-color:#e59029;--body-color:#f3f3f3;--body-color-muted:#dedede;--link-color:#77abd9;--button-text-color-hover:#fff;--upload-progressbar-color:var(--button-color);--unread-marker-color:#f92772;--highlight-bg-color:#4d4332;--highlight-border-color:#b08c4f} \ No newline at end of file +/* 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 */ + +/* THE LOUNGE DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/thelounge/thelounge-base.css); +:root { + --body-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; + --window-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; + --button-color: #3d3d3d; + --theme-accent: #3d3d3d; + --date-marker-color: #e59029; + + --body-color: #f3f3f3; + --body-color-muted: #dedede; + --link-color: #77abd9; + --button-text-color-hover: #fff; + --upload-progressbar-color: var(--button-color); + --unread-marker-color: #f92772; + --highlight-bg-color: #4d4332; + --highlight-border-color: #b08c4f; + } \ No newline at end of file diff --git a/CSS/themes/thelounge/hotline.css b/CSS/themes/thelounge/hotline.css index f8f887dd..3c215dec 100644 --- a/CSS/themes/thelounge/hotline.css +++ b/CSS/themes/thelounge/hotline.css @@ -1 +1,30 @@ -@import url(https://theme-park.dev/CSS/themes/thelounge/thelounge-base.css);:root{--body-bg-color:radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;--window-bg-color:radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;--button-color:#F44336;--theme-accent:#F44336;--date-marker-color:#FFC107;--body-color:#f3f3f3;--body-color-muted:#dedede;--link-color:#77abd9;--button-text-color-hover:#fff;--upload-progressbar-color:var(--button-color);--unread-marker-color:#f92772;--highlight-bg-color:#4d4332;--highlight-border-color:#b08c4f} \ No newline at end of file +/* 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 */ + +/* THE LOUNGE HOTLINE THEME */ +@import url(https://theme-park.dev/CSS/themes/thelounge/thelounge-base.css); +:root { + --body-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; + --window-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; + --button-color: #F44336; + --theme-accent: #F44336; + --date-marker-color: #FFC107; + + --body-color: #f3f3f3; + --body-color-muted: #dedede; + --link-color: #77abd9; + --button-text-color-hover: #fff; + --upload-progressbar-color: var(--button-color); + --unread-marker-color: #f92772; + --highlight-bg-color: #4d4332; + --highlight-border-color: #b08c4f; + } diff --git a/CSS/themes/thelounge/organizr-dark.css b/CSS/themes/thelounge/organizr-dark.css index 76845f37..3e69c4d6 100644 --- a/CSS/themes/thelounge/organizr-dark.css +++ b/CSS/themes/thelounge/organizr-dark.css @@ -1 +1,30 @@ -@import url(https://theme-park.dev/CSS/themes/thelounge/thelounge-base.css);:root{--body-bg-color:#1f1f1f;--window-bg-color:#1b1b1b;--button-color:#2cabe3;--theme-accent:#2cabe3;--date-marker-color:#e59029;--body-color:#f3f3f3;--body-color-muted:#dedede;--link-color:#2cabe3;--button-text-color-hover:#fff;--upload-progressbar-color:var(--button-color);--unread-marker-color:#ff7676;--highlight-bg-color:#4d4332;--highlight-border-color:#b08c4f} \ No newline at end of file +/* 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 */ + +/* THE LOUNGE DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/thelounge/thelounge-base.css); +:root { + --body-bg-color: #1f1f1f; + --window-bg-color: #1b1b1b; + --button-color: #2cabe3; + --theme-accent: #2cabe3; + --date-marker-color: #e59029; + + --body-color: #f3f3f3; + --body-color-muted: #dedede; + --link-color: #2cabe3; + --button-text-color-hover: #fff; + --upload-progressbar-color: var(--button-color); + --unread-marker-color: #ff7676; + --highlight-bg-color: #4d4332; + --highlight-border-color: #b08c4f; + } \ No newline at end of file diff --git a/CSS/themes/thelounge/plex.css b/CSS/themes/thelounge/plex.css index 92cc6d26..7022ee8c 100644 --- a/CSS/themes/thelounge/plex.css +++ b/CSS/themes/thelounge/plex.css @@ -1 +1,30 @@ -@import url(https://theme-park.dev/CSS/themes/thelounge/thelounge-base.css);:root{--body-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;--window-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;--theme-accent:#cc7b19;--date-marker-color:#e59029;--body-color:#f3f3f3;--body-color-muted:#dedede;--link-color:#77abd9;--button-text-color-hover:#fff;--upload-progressbar-color:var(--button-color);--unread-marker-color:#f92772;--highlight-bg-color:#4d4332;--highlight-border-color:#b08c4f} \ No newline at end of file +/* 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 */ + +/* THE LOUNGE PLEX THEME */ +@import url(https://theme-park.dev/CSS/themes/thelounge/thelounge-base.css); +:root { + --body-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; + --window-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; + --theme-accent: #cc7b19; + --date-marker-color: #e59029; + + --body-color: #f3f3f3; + --body-color-muted: #dedede; + --link-color: #77abd9; + --button-text-color-hover: #fff; + --upload-progressbar-color: var(--button-color); + --unread-marker-color: #f92772; + --highlight-bg-color: #4d4332; + --highlight-border-color: #b08c4f; +} \ No newline at end of file diff --git a/CSS/themes/thelounge/space-gray.css b/CSS/themes/thelounge/space-gray.css index 4f7c4336..a8af66da 100644 --- a/CSS/themes/thelounge/space-gray.css +++ b/CSS/themes/thelounge/space-gray.css @@ -1 +1,30 @@ -@import url(https://theme-park.dev/CSS/themes/thelounge/thelounge-base.css);:root{--body-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;--window-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;--button-color:#607D8B;--theme-accent:#607D8B;--date-marker-color:#81a6b7;--body-color:#f3f3f3;--body-color-muted:#dedede;--link-color:#77abd9;--button-text-color-hover:#fff;--upload-progressbar-color:var(--button-color);--unread-marker-color:#f92772;--highlight-bg-color:#4d4332;--highlight-border-color:#b08c4f} \ No newline at end of file +/* 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 */ + +/* THE LOUNGE SPACE GRAY THEME */ +@import url(https://theme-park.dev/CSS/themes/thelounge/thelounge-base.css); +:root { + --body-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; + --window-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; + --button-color: #607D8B; + --theme-accent: #607D8B; + --date-marker-color: #81a6b7; + + --body-color: #f3f3f3; + --body-color-muted: #dedede; + --link-color: #77abd9; + --button-text-color-hover: #fff; + --upload-progressbar-color: var(--button-color); + --unread-marker-color: #f92772; + --highlight-bg-color: #4d4332; + --highlight-border-color: #b08c4f; +} diff --git a/CSS/themes/thelounge/thelounge-base.css b/CSS/themes/thelounge/thelounge-base.css index 904f2fad..680d1209 100644 --- a/CSS/themes/thelounge/thelounge-base.css +++ b/CSS/themes/thelounge/thelounge-base.css @@ -1 +1,179 @@ -#chat .userlist .names{background:rgba(0,0,0,.25)}#chat .user-mode:before{background:rgba(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,.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,.45);border-color:#0086ff00;color:var(--body-color)}#sidebar .active,#sidebar .active:hover{background-color:rgba(0,0,0,.25)}#chat .msg.motd .text,.irc-monospace,code{background:rgba(0,0,0,.45);color:#f3f3f3}#chat .content,#chat .user-mode::before,#chat .userlist,#windows #chat .header{border-color:rgba(255,255,255,.08)}#chat .msg[data-type=motd] .text{background:rgba(255,255,255,.08)}#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}.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,.08);transition:none;outline:0}#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,#chat.table.ignore-list td{padding:5px;vertical-align:top;border-bottom:1px solid rgba(255,255,255,.25)}#chat .userlist .count{background-color:rgba(0,0,0,.6)}#footer button:hover,#sidebar .chan:hover{background-color:rgba(255,255,255,.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,.25)}.input:not(:disabled):focus,.input:not(:disabled):hover{border-color:#fff}.btn:active,.btn:focus,.input:focus{outline:0;box-shadow:0 0 0 3px rgba(255,255,255,.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 +/* 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/aquamarine.css b/CSS/themes/transmission/aquamarine.css index 8a159690..d7586b3c 100644 --- a/CSS/themes/transmission/aquamarine.css +++ b/CSS/themes/transmission/aquamarine.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/transmission/transmission-base.css);@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file + +/* 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 */ + +/* TRANSMISSION AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/transmission/transmission-base.css); +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file diff --git a/CSS/themes/transmission/dark.css b/CSS/themes/transmission/dark.css index c065766b..252377ee 100644 --- a/CSS/themes/transmission/dark.css +++ b/CSS/themes/transmission/dark.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/transmission/transmission-base.css);@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file + +/* 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 */ + +/* TRANSMISSION DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/transmission/transmission-base.css); +@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file diff --git a/CSS/themes/transmission/dracula.css b/CSS/themes/transmission/dracula.css index ed0219fd..61a6a843 100644 --- a/CSS/themes/transmission/dracula.css +++ b/CSS/themes/transmission/dracula.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/transmission/transmission-base.css);@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file + +/* 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 */ + +/* TRANSMISSION DRACULA THEME */ +@import url(https://theme-park.dev/CSS/themes/transmission/transmission-base.css); +@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file diff --git a/CSS/themes/transmission/hotline.css b/CSS/themes/transmission/hotline.css index a5acde89..f3fdcbaa 100644 --- a/CSS/themes/transmission/hotline.css +++ b/CSS/themes/transmission/hotline.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/transmission/transmission-base.css);@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file + +/* 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 */ + +/* TRANSMISSION HOTLINE THEME */ +@import url(https://theme-park.dev/CSS/themes/transmission/transmission-base.css); +@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file diff --git a/CSS/themes/transmission/organizr-dark.css b/CSS/themes/transmission/organizr-dark.css index 705651fb..bc8d5625 100644 --- a/CSS/themes/transmission/organizr-dark.css +++ b/CSS/themes/transmission/organizr-dark.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/transmission/transmission-base.css);@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file + +/* 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 */ + +/* TRANSMISSION DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/transmission/transmission-base.css); +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file diff --git a/CSS/themes/transmission/plex.css b/CSS/themes/transmission/plex.css index ed0219fd..8ba1ae82 100644 --- a/CSS/themes/transmission/plex.css +++ b/CSS/themes/transmission/plex.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/transmission/transmission-base.css);@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file + +/* 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 */ + +/* TRANSMISSION PLEX THEME */ +@import url(https://theme-park.dev/CSS/themes/transmission/transmission-base.css); +@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file diff --git a/CSS/themes/transmission/space-gray.css b/CSS/themes/transmission/space-gray.css index cc552fa7..14a5152c 100644 --- a/CSS/themes/transmission/space-gray.css +++ b/CSS/themes/transmission/space-gray.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/transmission/transmission-base.css);@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file + +/* 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 */ + +/* TRANSMISSION SPACE GRAY THEME */ +@import url(https://theme-park.dev/CSS/themes/transmission/transmission-base.css); +@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file diff --git a/CSS/themes/transmission/transmission-base.css b/CSS/themes/transmission/transmission-base.css index 2467a839..4fa02805 100644 --- a/CSS/themes/transmission/transmission-base.css +++ b/CSS/themes/transmission/transmission-base.css @@ -1 +1,982 @@ -@import url(https://use.fontawesome.com/releases/v5.0.7/css/all.css);*{outline:0!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)}@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}.prefs-section .title,div#torrent_inspector #inspector_header #torrent_inspector_name{color:var(--text-hover)}div#toolbar{background:rgba(0,0,0,.25);background-image:none;border-bottom:1px solid transparent}div#toolbar>div#toolbar-separator{display:none}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}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}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}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}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}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))}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{border-bottom:1px solid transparent;background-image:none;background-color:rgba(0,0,0,.25)}#statusbar #filter input#torrent_search{outline:0;border:none;border-radius:2px}#statusbar #filter input#torrent_search.blur{color:#999;outline:0;border:none;border-radius:2px}#statusbar #speed-info #speed-dn-icon{background:0 0}#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:0 0}#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,.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,.25)}ul.torrent_list li.torrent{border-bottom:1px solid rgba(204,204,204,.1);padding:4px 30px 5px 14px;color:var(--text);background-color:rgba(255,255,255,.08)}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#upload_container div.dialog_window div.dialog_message label,div.dialog_container div.dialog_window h2.dialog_heading{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:0}div.dialog_container div.dialog_window div.dialog_message{color:#dedede}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:active,div.dialog_container div.dialog_window a:hover{background:0 0;background-color:var(--button-color-hover);border:1px solid var(--button-color-hover)}.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,.7);-webkit-box-shadow:0 3px 6px rgba(0,0,0,.7);box-shadow:0 3px 6px rgba(0,0,0,.7)}#alt-speed-down,#alt-speed-up,#blocklist-update-button,#blocklist-url,#download-dir,#idle-seeding-limit,#peer-limit-global,#peer-limit-per-torrent,#peer-port,#seedRatioLimit,#speed-limit-down,#speed-limit-up{color:#000;outline:0}.ui-widget-header{border:1px solid transparent;background:0 0;color:#222;font-weight:700}.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:400;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,.25);font-weight:400;color:#dedede}.ui-tabs .ui-tabs-nav li.ui-tabs-active{padding-bottom:0}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)}div#torrent_inspector{border-left:1px solid transparent;-moz-box-shadow:0 3px 6px rgba(0,0,0,.7);-webkit-box-shadow:0 3px 6px rgba(0,0,0,.7);box-shadow:0 3px 6px rgba(0,0,0,.7)}div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>*{border-color:transparent;height:auto;background-color:rgba(0,0,0,.25)}div#torrent_inspector div.inspector_torrent_file_list_entry_name,div#torrent_inspector div.tracker_host,div#torrent_inspector ul.tier_list .tracker_activity,div#torrent_inspector ul.tier_list table{color:#dedede}div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-info{background-image:none;background-color:rgba(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.selected,div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-info:active{background-image:none;background-color:rgba(0,0,0,.25)}div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-info.selected:hover:before,div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-info:active{color:var(--text-hover)}div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-info.selected:before,div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-info:active{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-peers{background-image:none;background-color:rgba(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.selected,div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-peers:active{background-image:none;background-color:rgba(0,0,0,.25)}div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-peers.selected:hover:before,div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-peers:active{color:var(--text-hover)}div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-peers.selected:before,div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-peers:active{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-trackers{background-image:none;background-color:rgba(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.selected,div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-trackers:active{background-image:none;background-color:rgba(0,0,0,.25)}div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-trackers.selected:hover:before,div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-trackers:active{color:var(--text-hover)}div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-trackers.selected:before,div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-trackers:active{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-files{background-image:none;background-color:rgba(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.selected,div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-files:active{background-image:none;background-color:rgba(0,0,0,.25)}div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-files.selected:hover:before,div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-files:active{color:var(--text-hover)}div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-files.selected:before,div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-files:active{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,.1)}div.file-priority-radiobox>*{border-color:transparent;width:auto}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.selected,div.file-priority-radiobox>div.low:active{background-color:transparent;background-image:none}div.file-priority-radiobox>div.low.selected:hover:before,div.file-priority-radiobox>div.low:active{color:var(--text-hover)}div.file-priority-radiobox>div.low.selectedbefore,div.file-priority-radiobox>div.low:active{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.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.selected,div.file-priority-radiobox>div.normal:active{background-color:transparent;background-image:none}div.file-priority-radiobox>div.normal.selected:hover:before,div.file-priority-radiobox>div.normal:active{color:var(--text-hover)}div.file-priority-radiobox>div.normal.selectedbefore,div.file-priority-radiobox>div.normal:active{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.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.selected,div.file-priority-radiobox>div.high:active{background-color:transparent;background-image:none}div.file-priority-radiobox>div.high.selected:hover:before,div.file-priority-radiobox>div.high:active{color:var(--text-hover)}div.file-priority-radiobox>div.high.selectedbefore,div.file-priority-radiobox>div.high:active{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,.1)}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}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.selected,div.torrent_footer #settings_menu:active{background-color:transparent;background-image:none}div.torrent_footer #settings_menu.selected:hover:before,div.torrent_footer #settings_menu:active{color:var(--text-hover)}div.torrent_footer #settings_menu.selected:before,div.torrent_footer #settings_menu:active{font-family:"Font Awesome 5 Free";font-size:20px;content:"\f013";font-weight:900;display:inline-block;color:var(--text)}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.selected,div.torrent_footer #prefs-button:active{background-color:transparent;background-image:none}div.torrent_footer #prefs-button.selected:hover:before,div.torrent_footer #prefs-button:active{color:var(--text-hover)}div.torrent_footer #prefs-button.selected:before,div.torrent_footer #prefs-button:active{font-family:"Font Awesome 5 Free";font-size:20px;content:"\f0ad";font-weight:900;display:inline-block;color:var(--text)}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.selected,div.torrent_footer #turtle-button:active{background-color:transparent;background-image:none}div.torrent_footer #turtle-button.selected:hover:before,div.torrent_footer #turtle-button:active{color:var(--text-hover)}div.torrent_footer #turtle-button.selected:before,div.torrent_footer #turtle-button:active{font-family:"Font Awesome 5 Free";font-size:20px;content:"\f3fd";font-weight:900;display:inline-block;color:#fff}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.selected,div.torrent_footer #compact-button:active{background-color:transparent;background-image:none}div.torrent_footer #compact-button.selected:hover:before,div.torrent_footer #compact-button:active{color:var(--text-hover)}div.torrent_footer #compact-button.selected:before,div.torrent_footer #compact-button:active{font-family:"Font Awesome 5 Free";font-size:20px;content:"\f0ca";font-weight:900;display:inline-block;color:var(--text)}ul.torrent_list li.torrent div.torrent_name.paused,ul.torrent_list li.torrent.compact div.torrent_name{color:#dedede}.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover{border:1px solid transparent;background:0 0;background-color:rgba(255,255,255,.1);color:var(--text-hover);outline:0}.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 +/* 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/aquamarine.css b/CSS/themes/unraid/aquamarine.css index a77c1d71..57e9c153 100644 --- a/CSS/themes/unraid/aquamarine.css +++ b/CSS/themes/unraid/aquamarine.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/unraid/unraid-base.css);@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file + +/* 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 */ + +/* UNRAID AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/unraid/unraid-base.css); +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file diff --git a/CSS/themes/unraid/dark.css b/CSS/themes/unraid/dark.css index a07a619c..a37c1894 100644 --- a/CSS/themes/unraid/dark.css +++ b/CSS/themes/unraid/dark.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/unraid/unraid-base.css);@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file + +/* 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 */ + +/* UNRAID DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/unraid/unraid-base.css); +@import url(https://theme-park.dev/CSS/variables/dark.css); diff --git a/CSS/themes/unraid/dracula.css b/CSS/themes/unraid/dracula.css index 87291340..b64e7d14 100644 --- a/CSS/themes/unraid/dracula.css +++ b/CSS/themes/unraid/dracula.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/unraid/unraid-base.css);@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file + +/* 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 */ + +/* UNRAID DRACULA THEME */ +@import url(https://theme-park.dev/CSS/themes/unraid/unraid-base.css); +@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file diff --git a/CSS/themes/unraid/hotline.css b/CSS/themes/unraid/hotline.css index b5df8c51..69e7d136 100644 --- a/CSS/themes/unraid/hotline.css +++ b/CSS/themes/unraid/hotline.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/unraid/unraid-base.css);@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file + +/* 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 */ + +/* UNRAID HOTLINE THEME */ +@import url(https://theme-park.dev/CSS/themes/unraid/unraid-base.css); +@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file diff --git a/CSS/themes/unraid/organizr-dark.css b/CSS/themes/unraid/organizr-dark.css index 13d9fc5b..34dffd65 100644 --- a/CSS/themes/unraid/organizr-dark.css +++ b/CSS/themes/unraid/organizr-dark.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/unraid/unraid-base.css);@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file + +/* 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 */ + +/* UNRAID ORGANIZR-DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/unraid/unraid-base.css); +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file diff --git a/CSS/themes/unraid/plex.css b/CSS/themes/unraid/plex.css index 218470ba..7708a0f5 100644 --- a/CSS/themes/unraid/plex.css +++ b/CSS/themes/unraid/plex.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/unraid/unraid-base.css);@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file + +/* 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 */ + +/* UNRAID PLEX THEME */ +@import url(https://theme-park.dev/CSS/themes/unraid/unraid-base.css); +@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file diff --git a/CSS/themes/unraid/space-gray.css b/CSS/themes/unraid/space-gray.css index 2fd7dedb..431d21ab 100644 --- a/CSS/themes/unraid/space-gray.css +++ b/CSS/themes/unraid/space-gray.css @@ -1 +1,16 @@ -@import url(https://theme-park.dev/CSS/themes/unraid/unraid-base.css);@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file + +/* 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 */ + +/* UNRAID SPACE GRAY THEME */ +@import url(https://theme-park.dev/CSS/themes/unraid/unraid-base.css); +@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file diff --git a/CSS/themes/unraid/unraid-base.css b/CSS/themes/unraid/unraid-base.css index a7776520..02602489 100644 --- a/CSS/themes/unraid/unraid-base.css +++ b/CSS/themes/unraid/unraid-base.css @@ -1 +1,592 @@ -*{outline:0}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}.blue-text,a,a.static,i.control{color:var(--link-color)}a.static:hover,a: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:0 0 0 25px}#nav-block #nav-item.active:after,#nav-block #nav-item:focus:after,#nav-block #nav-item:hover: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%)}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}table.tablesorter thead tr th,thead,thead.sortable{color:var(--text-hover)}.sys,.usage-bar,.usage-disk{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,.green-text,.passed{color:#4caf50}#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 tbody tr.tr_last,table.disk_status thead tr:first-child td,table.share_status tbody tr:nth-child(even),table.share_status thead tr:first-child td,table.tablesorter tbody tr:nth-child(even),table.tablesorter thead tr .tablesorter-headerAsc,table.tablesorter thead tr .tablesorter-headerDesc,table.tablesorter thead tr th{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 #a0a0a0}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}#template button,#template button[type=button],.sweet-alert button,a.button,button,button[type=button],input[type=button],input[type=reset],input[type=submit]{color:var(--button-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}#template button:hover,#template button[type=button]:hover,.sweet-alert button:hover,a.button:hover,button:hover,button:hover[type=button],input:hover[type=button],input:hover[type=reset],input:hover[type=submit]{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}.usage-disk{color:#fff}div.user-list{border:1px solid rgba(255,255,255,.15);background-color:rgba(255,255,255,.05)}label.checkbox input:checked~.checkmark{background:var(--button-color)}.logLine{background:0 0}.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 transparent 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-body-inner,#sb-loading,iframe{color:var(--text);background:0 0!important}div.Panel i.PanelIcon{color:var(--text-hover)}div.tab [type=radio]+label:hover,div.tab [type=radio]:checked+label{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:.5}#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_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)}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{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:focus,.dropdown-menu li>a:hover,.dropdown-submenu:hover>a{color:var(--text-hover)!important;background:rgb(255 255 255 / 10%)!important}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}.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}.swal-content,.swal-content select,.swal-title,.sweet-alert h2,.sweet-alert p{color:var(--text)!important}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%)}.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}#contDescription{background:rgb(0 0 0 / 25%);padding:1%;border-radius:5px}dt{color:var(--text-hover)} \ No newline at end of file +/* 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(--button-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); +} + +/* 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/vuetorrent/aquamarine.css b/CSS/themes/vuetorrent/aquamarine.css index 9c21b2f6..06073946 100644 --- a/CSS/themes/vuetorrent/aquamarine.css +++ b/CSS/themes/vuetorrent/aquamarine.css @@ -1 +1,15 @@ -@import url(https://theme-park.dev/CSS/themes/vuetorrent/vuetorrent-base.css);@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file +/* 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 */ + +/* VUETORRENT AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/vuetorrent/vuetorrent-base.css); +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file diff --git a/CSS/themes/vuetorrent/dark.css b/CSS/themes/vuetorrent/dark.css index eb732607..2cd75341 100644 --- a/CSS/themes/vuetorrent/dark.css +++ b/CSS/themes/vuetorrent/dark.css @@ -1 +1,15 @@ -@import url(https://theme-park.dev/CSS/themes/vuetorrent/vuetorrent-base.css);@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file +/* 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 */ + +/* VUETORRENT DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/vuetorrent/vuetorrent-base.css); +@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file diff --git a/CSS/themes/vuetorrent/dracula.css b/CSS/themes/vuetorrent/dracula.css index d900577f..4d8a894b 100644 --- a/CSS/themes/vuetorrent/dracula.css +++ b/CSS/themes/vuetorrent/dracula.css @@ -1 +1,15 @@ -@import url(https://theme-park.dev/CSS/themes/vuetorrent/vuetorrent-base.css);@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file +/* 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 */ + +/* VUETORRENT DRACULA THEME */ +@import url(https://theme-park.dev/CSS/themes/vuetorrent/vuetorrent-base.css); +@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file diff --git a/CSS/themes/vuetorrent/hotline.css b/CSS/themes/vuetorrent/hotline.css index af06419d..f4b9db9f 100644 --- a/CSS/themes/vuetorrent/hotline.css +++ b/CSS/themes/vuetorrent/hotline.css @@ -1 +1,15 @@ -@import url(https://theme-park.dev/CSS/themes/vuetorrent/vuetorrent-base.css);@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file +/* 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 */ + +/* VUETORRENT HOTLINE THEME */ +@import url(https://theme-park.dev/CSS/themes/vuetorrent/vuetorrent-base.css); +@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file diff --git a/CSS/themes/vuetorrent/organizr-dark.css b/CSS/themes/vuetorrent/organizr-dark.css index 8e9b1bdf..b2096c92 100644 --- a/CSS/themes/vuetorrent/organizr-dark.css +++ b/CSS/themes/vuetorrent/organizr-dark.css @@ -1 +1,15 @@ -@import url(https://theme-park.dev/CSS/themes/vuetorrent/vuetorrent-base.css);@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file +/* 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 */ + +/* VUETORRENT ORGANIZR-DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/vuetorrent/vuetorrent-base.css); +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file diff --git a/CSS/themes/vuetorrent/plex.css b/CSS/themes/vuetorrent/plex.css index 2c108c9c..878f406e 100644 --- a/CSS/themes/vuetorrent/plex.css +++ b/CSS/themes/vuetorrent/plex.css @@ -1 +1,15 @@ -@import url(https://theme-park.dev/CSS/themes/vuetorrent/vuetorrent-base.css);@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file +/* 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 */ + +/* VUETORRENT PLEX THEME */ +@import url(https://theme-park.dev/CSS/themes/vuetorrent/vuetorrent-base.css); +@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file diff --git a/CSS/themes/vuetorrent/space-gray.css b/CSS/themes/vuetorrent/space-gray.css index f31ccde4..eaf3e968 100644 --- a/CSS/themes/vuetorrent/space-gray.css +++ b/CSS/themes/vuetorrent/space-gray.css @@ -1 +1,15 @@ -@import url(https://theme-park.dev/CSS/themes/vuetorrent/vuetorrent-base.css);@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file +/* 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 */ + +/* VUETORRENT SPACE GRAY THEME */ +@import url(https://theme-park.dev/CSS/themes/vuetorrent/vuetorrent-base.css); +@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file diff --git a/CSS/themes/vuetorrent/vuetorrent-base.css b/CSS/themes/vuetorrent/vuetorrent-base.css index e57f4382..fc4d6b41 100644 --- a/CSS/themes/vuetorrent/vuetorrent-base.css +++ b/CSS/themes/vuetorrent/vuetorrent-base.css @@ -1 +1,492 @@ -@media (max-width:720px){.action-bar,.dark .torrents,.modal__body,.modal__content__wrapper,.modal__header,.torrents,body{background:#1b1b1b!important}}.background,.theme--dark.v-application,.theme--light.v-application,.v-application .background,body{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}#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}.h1,.h2,.h3,.h4,.h5,.h6,.theme--dark.v-label,.theme--light.v-counter,.theme--light.v-label,h1,h2,h3,h4,h5,h6,p{color:var(--text-hover)}.v-application .grey--text{color:var(--text-muted)!important;caret-color:var(--text-muted)!important}.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,.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{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)}.theme--dark.v-card,.theme--light.v-card{background-color:rgba(0,0,0,.5);color:var(--text)}.theme--dark.v-app-bar.v-toolbar.v-sheet,.theme--light.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}.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){-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@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){background-color:rgba(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}.v-dialog .theme--dark.v-card,.v-dialog .theme--dark.v-list,.v-dialog .theme--dark.v-tabs-items,.v-dialog .theme--light.v-card,.v-dialog .theme--light.v-list,.v-dialog .theme--light.v-tabs-items{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--dark.v-tabs>.v-tabs-bar,.theme--light.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--dark.v-text-field>.v-input__control>.v-input__slot:before,.theme--light.v-text-field>.v-input__control>.v-input__slot:before{border-color:rgb(255 255 255 / 42%)}.theme--dark.v-text-field:not(.v-input--has-state):hover>.v-input__control>.v-input__slot:before,.theme--light.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}.v-input__slot:hover fieldset,.v-text-field--outlined fieldset{border-color:rgba(255,255,255,.1)!important}.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-done-color .caption,.v-application .torrent-paused-color .caption,.v-application .torrent-seeding-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-done-color .v-chip.checking,.torrent-done-color .v-chip.downloading,.torrent-done-color .v-chip.fail,.torrent-done-color .v-chip.metadata,.torrent-done-color .v-chip.moving,.torrent-done-color .v-chip.queued,.torrent-done-color .v-chip.stalled,.torrent-paused-color .v-chip.paused,.torrent-seeding-color .v-chip.seeding{color:#fff!important}.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--dark.v-divider,.theme--light.v-divider{border-color:rgba(255,255,255,.2)!important}.theme--dark.v-data-table,.theme--light.v-data-table{background-color:rgba(0,0,0,.65);color:var(--text)}.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),.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){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--dark.v-data-table>.v-data-table__wrapper>table>thead>tr>th,.theme--light.v-data-table>.v-data-table__wrapper>table>thead>tr>th{color:var(--text)}.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,.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{color:var(--text-hover)}.apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title,.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title{background:rgba(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)}.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 +/* 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/aquamarine.css b/CSS/themes/webtools/aquamarine.css index 398e93b4..318758e9 100644 --- a/CSS/themes/webtools/aquamarine.css +++ b/CSS/themes/webtools/aquamarine.css @@ -1 +1,27 @@ -@import url(https://theme-park.dev/CSS/themes/webtools/webtools-base.css);:root{--main-bg-color:radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;--modal-bg-color:radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;--button-color:#009688;--button-color-hover:#12afa0;--button-text:#eee;--accent-color:#12afa0;--accent-color-hover:#fff;--text:#eee;--text-hover:#fff;--link-color:#12afa0} \ No newline at end of file + +/* 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 */ + +/* WEBTOOLS AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/webtools/webtools-base.css); +:root { + --main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; + --modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; + --button-color: #009688; + --button-color-hover: #12afa0; + --button-text: #eee; + --accent-color: #12afa0; + --accent-color-hover: #fff; + --text: #eee; + --text-hover: #fff; + --link-color: #12afa0; +} \ No newline at end of file diff --git a/CSS/themes/webtools/dark.css b/CSS/themes/webtools/dark.css index f2bb64ef..e6b53b10 100644 --- a/CSS/themes/webtools/dark.css +++ b/CSS/themes/webtools/dark.css @@ -1 +1,27 @@ -@import url(https://theme-park.dev/CSS/themes/webtools/webtools-base.css);: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;--button-color:hsla(0,0%,100%,.15);--button-color-hover:hsla(0,0%,100%,.30);--button-text:#eee;--accent-color:#fff;--accent-color-hover:rgba(255, 255, 255, 0.45);--text:#eee;--text-hover:#fff;--link-hover:rgba(255, 255, 255, 0.45)} \ No newline at end of file + +/* 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 */ + +/* WEBTOOLS DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/webtools/webtools-base.css); +: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; + --button-color: hsla(0,0%,100%,.15); + --button-color-hover: hsla(0,0%,100%,.30); + --button-text: #eee; + --accent-color: #fff; + --accent-color-hover: rgba(255, 255, 255, 0.45); + --text: #eee; + --text-hover: #fff; + --link-hover: rgba(255, 255, 255, 0.45); +} \ No newline at end of file diff --git a/CSS/themes/webtools/hotline.css b/CSS/themes/webtools/hotline.css index 29d7ac2c..c12c761e 100644 --- a/CSS/themes/webtools/hotline.css +++ b/CSS/themes/webtools/hotline.css @@ -1 +1,27 @@ -@import url(https://theme-park.dev/CSS/themes/webtools/webtools-base.css);:root{--main-bg-color:radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;--modal-bg-color:radial-gradient(ellipse at 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;--accent-color:#F44336;--accent-color-hover:#0b3161;--text:#eee;--text-hover:#fff;--link-hover:#F44336} \ No newline at end of file + +/* 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 */ + +/* WEBTOOLS HOTLINE THEME */ +@import url(https://theme-park.dev/CSS/themes/webtools/webtools-base.css); +:root { + --main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; + --modal-bg-color: radial-gradient(ellipse at 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; + --accent-color: #F44336; + --accent-color-hover: #0b3161; + --text: #eee; + --text-hover: #fff; + --link-hover: #F44336; +} \ No newline at end of file diff --git a/CSS/themes/webtools/organizr-dark.css b/CSS/themes/webtools/organizr-dark.css index 07ccd45c..a8ae8fc5 100644 --- a/CSS/themes/webtools/organizr-dark.css +++ b/CSS/themes/webtools/organizr-dark.css @@ -1 +1,27 @@ -@import url(https://theme-park.dev/CSS/themes/webtools/webtools-base.css);:root{--main-bg-color:#1f1f1f;--modal-bg-color:#1b1b1b;--button-color:#2cabe3;--button-color-hover:rgb(44 171 227 / .8);--button-text:#eee;--accent-color:#2cabe3;--accent-color-hover:#fff;--text:#96a2b4;--text-hover:#fff;--link-color:#2cabe3} \ No newline at end of file + +/* 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 */ + +/* WEBTOOLS ORGANIZR-DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/webtools/webtools-base.css); +:root { + --main-bg-color: #1f1f1f; + --modal-bg-color: #1b1b1b; + --button-color: #2cabe3; + --button-color-hover: rgb(44 171 227 / .8); + --button-text: #eee; + --accent-color:#2cabe3; + --accent-color-hover: #fff; + --text:#96a2b4; + --text-hover: #fff; + --link-color: #2cabe3; +} \ No newline at end of file diff --git a/CSS/themes/webtools/plex.css b/CSS/themes/webtools/plex.css index 5f265d5b..2847a5d5 100644 --- a/CSS/themes/webtools/plex.css +++ b/CSS/themes/webtools/plex.css @@ -1 +1,27 @@ -@import url(https://theme-park.dev/CSS/themes/webtools/webtools-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;--button-text:#eee;--accent-color:#e5a00d;--accent-color-hover:#ffc107;--text:#eee;--text-hover:#fff;--link-color:#fff} \ No newline at end of file + +/* 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 */ + +/* WEBTOOLS PLEX THEME */ +@import url(https://theme-park.dev/CSS/themes/webtools/webtools-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; + --button-text: #eee; + --accent-color: #e5a00d; + --accent-color-hover: #ffc107; + --text: #eee; + --text-hover: #fff; + --link-color:#fff; +} \ No newline at end of file diff --git a/CSS/themes/webtools/space-gray.css b/CSS/themes/webtools/space-gray.css index c87afd5a..9eb97c69 100644 --- a/CSS/themes/webtools/space-gray.css +++ b/CSS/themes/webtools/space-gray.css @@ -1 +1,27 @@ -@import url(https://theme-park.dev/CSS/themes/webtools/webtools-base.css);: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;--button-color:#607D8B;--button-color-hover:#81a6b7;--button-text:#eee;--accent-color:#81a6b7;--accent-color-hover:#81a6b7;--text:#eee;--text-hover:#fff;--link-color:#81a6b7} \ No newline at end of file + +/* 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 */ + +/* WEBTOOLS SPACE GRAY THEME */ +@import url(https://theme-park.dev/CSS/themes/webtools/webtools-base.css); +: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; + --button-color: #607D8B; + --button-color-hover: #81a6b7; + --button-text: #eee; + --accent-color: #81a6b7; + --accent-color-hover: #81a6b7; + --text: #eee; + --text-hover: #fff; + --link-color: #81a6b7; +} \ No newline at end of file diff --git a/CSS/themes/webtools/webtools-base.css b/CSS/themes/webtools/webtools-base.css index 7177d60f..62df0a16 100644 --- a/CSS/themes/webtools/webtools-base.css +++ b/CSS/themes/webtools/webtools-base.css @@ -1 +1,392 @@ -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}.language a,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:0!important}.fm .sections .section,.head .title,body{color:var(--text)}content-loading .contentLoading,webtools-loading .webtoolsLoading{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}.head{background-color:rgb(0 0 0 / .25);box-shadow:0 0 0 0 rgb(0 0 0 / 0%)}.vertical-center{box-shadow:inset 0 15px 15px -4px rgb(255 255 0 / 0%)}.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 0 transparent}.menu .item{background:rgb(255 255 255 / 8%);color:var(--button-text);box-shadow:1px 1px 1px 1px transparent}.menu .item:hover{background:rgb(255 255 255 / .16);color:var(--text-hover)}.menu .item.active{background:var(--accent-color);color:var(--button-text)}.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,.2)}.sub .settings{background:rgb(255 255 255 / 25%)}label{color:var(--button-text)}.fm .sections .section,.playlists .playlistContainer,.playlists .userContainer .fileContainer,.sub .rowShow,.uas .repoContainer .repo,.uas .repoContainer .repo.installed,.uas .typesMenu{background:rgb(255 255 255 / .08);box-shadow:1px 1px 2px 1px transparent;border:transparent}.uas .type:hover{background:rgb(255 255 255 / 8%);color:var(--text-hover)}.fm .sections .section:hover,.sub .rowShow:hover,.uas .repoContainer .repo:hover{background:rgb(255 255 255 / .16);box-shadow:1px 1px 2px 1px transparent}.expanded:hover{background:rgb(255 255 255 / .08)!important;box-shadow:1px 1px 2px 1px transparent}.sub .rowShow .lineShow .contentShow .detail{background:rgb(0 0 0 / 25%);color:var(--text)!important}.sub .rowShow .lineShow .contentShow .detail .subHeader .selectActions div:hover,.sub .rowShow .lineShow .contentShow .detail .subItem .download: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,.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)}.btn,.btnInput,.fm button,.fr .reset,.language .languageActions .langBtn,.logs .logButton,.logs .search .btnSearch,.playlists .playlistBtn,.sub .search .btnSearch,.uas .repoContainer .repo .header .right .installUpdate,.uas .typesMenu .search .btnSearch,.uas .uasBtn{border-color:var(--button-color);background:var(--button-color);color:var(--button-text);margin-right:5px;box-shadow:none;border:transparent}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.btn:active,.btn:focus,.btn:hover,.btnInput:focus,.btnInput:hover,.fm button:focus,.fm button:hover,.fr .reset:hover,.language .languageActions .langBtn:hover,.logs .logButton:focus,.logs .logButton:hover,.logs .search .btnSearch:focus,.logs .search .btnSearch:hover,.playlists .playlistBtn:focus,.playlists .playlistBtn:hover,.playlists .playlistBtn:not(.disabled):hover,.show>.btn-primary.dropdown-toggle,.sub .search .btnSearch:focus,.sub .search .btnSearch:hover,.uas .repoContainer .repo .header .right .installUpdate:focus,.uas .repoContainer .repo .header .right .installUpdate:hover,.uas .typesMenu .search .btnSearch:focus,.uas .typesMenu .search .btnSearch:hover,.uas .uasBtn:focus,.uas .uasBtn:hover{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(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),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){background:#f44336;color:var(--button-text);border:#f44336}.uas .repoContainer .repo .header .right .delete:focus,.uas .repoContainer .repo .header .right .delete:hover,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)}.form-control,.logs .search .searchInput,.sub .search .searchInput,.uas .manualInstall,.uas .typesMenu .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 .15s ease-in-out,box-shadow .15s ease-in-out}.form-control:focus,.logs .search .searchInput:focus,.sub .search .searchInput:focus,.uas .manualInstall:focus,.uas .typesMenu .search .searchInput:focus{background-color:rgba(0,0,0,.5)!important;color:var(--text-hover)!important}.info tr:nth-child(2n+1){background-color:rgb(255 255 255 / .08)}.logs .logDetails table tr:nth-child(even){background-color:rgb(255 255 255 / 8%)}::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 +/* 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/aquamarine.css b/CSS/themes/xbackbone/aquamarine.css index 14792c19..acba3ecc 100644 --- a/CSS/themes/xbackbone/aquamarine.css +++ b/CSS/themes/xbackbone/aquamarine.css @@ -1 +1,15 @@ -@import url(https://theme-park.dev/CSS/themes/xbackbone/xbackbone-base.css);@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file +/* 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 */ + +/* XBACKBONE AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/xbackbone/xbackbone-base.css); +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file diff --git a/CSS/themes/xbackbone/dark.css b/CSS/themes/xbackbone/dark.css index 8940c953..5f0659f9 100644 --- a/CSS/themes/xbackbone/dark.css +++ b/CSS/themes/xbackbone/dark.css @@ -1 +1,15 @@ -@import url(https://theme-park.dev/CSS/themes/xbackbone/xbackbone-base.css);@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file +/* 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 */ + +/* XBACKBONE DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/xbackbone/xbackbone-base.css); +@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file diff --git a/CSS/themes/xbackbone/dracula.css b/CSS/themes/xbackbone/dracula.css index 11d773be..500f0012 100644 --- a/CSS/themes/xbackbone/dracula.css +++ b/CSS/themes/xbackbone/dracula.css @@ -1 +1,15 @@ -@import url(https://theme-park.dev/CSS/themes/xbackbone/xbackbone-base.css);@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file +/* 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 */ + +/* XBACKBONE DRACULA THEME */ +@import url(https://theme-park.dev/CSS/themes/xbackbone/xbackbone-base.css); +@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file diff --git a/CSS/themes/xbackbone/hotline.css b/CSS/themes/xbackbone/hotline.css index 9936bf83..8cefe779 100644 --- a/CSS/themes/xbackbone/hotline.css +++ b/CSS/themes/xbackbone/hotline.css @@ -1 +1,15 @@ -@import url(https://theme-park.dev/CSS/themes/xbackbone/xbackbone-base.css);@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file +/* 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 */ + +/* XBACKBONE HOTLINE THEME */ +@import url(https://theme-park.dev/CSS/themes/xbackbone/xbackbone-base.css); +@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file diff --git a/CSS/themes/xbackbone/organizr-dark.css b/CSS/themes/xbackbone/organizr-dark.css index 07d54bbd..01f0961a 100644 --- a/CSS/themes/xbackbone/organizr-dark.css +++ b/CSS/themes/xbackbone/organizr-dark.css @@ -1 +1,15 @@ -@import url(https://theme-park.dev/CSS/themes/xbackbone/xbackbone-base.css);@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file +/* 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 */ + +/* XBACKBONE ORGANIZR-DARK THEME */ +@import url(https://theme-park.dev/CSS/themes/xbackbone/xbackbone-base.css); +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file diff --git a/CSS/themes/xbackbone/plex.css b/CSS/themes/xbackbone/plex.css index f2acc210..d4a04cbc 100644 --- a/CSS/themes/xbackbone/plex.css +++ b/CSS/themes/xbackbone/plex.css @@ -1 +1,15 @@ -@import url(https://theme-park.dev/CSS/themes/xbackbone/xbackbone-base.css);@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file +/* 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 */ + +/* XBACKBONE PLEX THEME */ +@import url(https://theme-park.dev/CSS/themes/xbackbone/xbackbone-base.css); +@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file diff --git a/CSS/themes/xbackbone/space-gray.css b/CSS/themes/xbackbone/space-gray.css index 2b34f58f..32d1096a 100644 --- a/CSS/themes/xbackbone/space-gray.css +++ b/CSS/themes/xbackbone/space-gray.css @@ -1 +1,15 @@ -@import url(https://theme-park.dev/CSS/themes/xbackbone/xbackbone-base.css);@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file +/* 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 */ + +/* XBACKBONE SPACE GRAY THEME */ +@import url(https://theme-park.dev/CSS/themes/xbackbone/xbackbone-base.css); +@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file diff --git a/CSS/themes/xbackbone/xbackbone-base.css b/CSS/themes/xbackbone/xbackbone-base.css index ab6f76e3..ee62b533 100644 --- a/CSS/themes/xbackbone/xbackbone-base.css +++ b/CSS/themes/xbackbone/xbackbone-base.css @@ -1 +1,361 @@ -.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}@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}.dropdown-item,.dropdown-menu,.navbar-dark .navbar-nav .nav-link,.table,body{color:var(--text)}.col-form-label,.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .show>.nav-link{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}a{color:var(--link-color);text-decoration:underline}a:hover{color:var(--link-color-hover)}.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{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: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%)}.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%)}.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-outline-dark,.btn-outline-secondary,.btn-primary{color:var(--button-text);background-color:var(--button-color);border-color:var(--button-color)}.btn-check:focus+.btn-primary,.btn-outline-dark:hover,.btn-outline-secondary:hover,.btn-primary:focus,.btn-primary:hover{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-check:focus+.btn-primary,.btn-primary.active:focus,.btn-primary:active:focus,.btn-primary:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(var(--accent-color),.5)}.btn-outline-info,.btn-outline-primary{color:var(--button-color);border-color:var(--button-color)}.btn-check:active+.btn-outline-info,.btn-check:active+.btn-outline-primary,.btn-check:checked+.btn-outline-info,.btn-check:checked+.btn-outline-primary,.btn-outline-info.active,.btn-outline-info.dropdown-toggle.show,.btn-outline-info:active,.btn-outline-info:hover,.btn-outline-primary.active,.btn-outline-primary.dropdown-toggle.show,.btn-outline-primary:active,.btn-outline-primary:hover{color:var(--button-text-hover);border-color:var(--button-color-hover);background-color:var(--button-color-hover)}.btn-check:active+.btn-outline-info:focus,.btn-check:active+.btn-outline-primary:focus,.btn-check:checked+.btn-outline-info:focus,.btn-check:checked+.btn-outline-primary:focus,.btn-check:focus+.btn-outline-info,.btn-check:focus+.btn-outline-primary,.btn-outline-info.active:focus,.btn-outline-info.dropdown-toggle.show:focus,.btn-outline-info:active:focus,.btn-outline-info:focus,.btn-outline-primary.active:focus,.btn-outline-primary.dropdown-toggle.show:focus,.btn-outline-primary:active:focus,.btn-outline-primary:focus{box-shadow:0 0 0 .25rem rgb(var(--accent-color),.5)}.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 .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 .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 .25rem rgb(var(--accent-color),.25)}.dropzone{border:2px dashed rgb(255 255 255 / 30%)}.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 .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)}.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{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 +/* 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; +} + +/* LINKS */ +a { + color: var(--link-color); + text-decoration: underline; +} + +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-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); +} + +/* 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 index e1b6e963..57407dac 100644 --- a/CSS/variables/aquamarine.css +++ b/CSS/variables/aquamarine.css @@ -1 +1,24 @@ -: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:#fff;--label-text-color:#fff;--text:#eee;--text-hover:#fff;--text-muted:#bbb} \ No newline at end of file +: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: #fff; + --label-text-color: #fff; + + --text:#eee; + --text-hover: #fff; + --text-muted: #bbb; +} \ No newline at end of file diff --git a/CSS/variables/dark.css b/CSS/variables/dark.css index 3fdddfc0..d5f664c4 100644 --- a/CSS/variables/dark.css +++ b/CSS/variables/dark.css @@ -1 +1,24 @@ -: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:#474747;--button-color-hover:#5a5a5a;--button-text:#eee;--button-text-hover:#FFF;--accent-color:170,170,170;--accent-color-hover:rgba(255, 255, 255, 0.45);--link-color:#ddd;--link-color-hover:#fff;--label-text-color:black;--text:#eee;--text-hover:#fff;--text-muted:#999} \ No newline at end of file +: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: #474747; + --button-color-hover: #5a5a5a; + --button-text: #eee; + --button-text-hover: #FFF; + + --accent-color: 170, 170, 170; + --accent-color-hover: rgba(255, 255, 255, 0.45); + --link-color: #ddd; + --link-color-hover: #fff; + --label-text-color: black; + + --text:#eee; + --text-hover: #fff; + --text-muted: #999; +} \ No newline at end of file diff --git a/CSS/variables/dracula.css b/CSS/variables/dracula.css index 0422d95c..66191de3 100644 --- a/CSS/variables/dracula.css +++ b/CSS/variables/dracula.css @@ -1 +1,24 @@ -: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} \ No newline at end of file +: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; + } \ No newline at end of file diff --git a/CSS/variables/hotline.css b/CSS/variables/hotline.css index 2e1563b0..eda1f23c 100644 --- a/CSS/variables/hotline.css +++ b/CSS/variables/hotline.css @@ -1 +1,24 @@ -: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:#ddd;--link-color-hover:#fff;--label-text-color:#fff;--text:#eee;--text-hover:#fff;--text-muted:#bbb} \ No newline at end of file +: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: #ddd; + --link-color-hover: #fff; + --label-text-color: #fff; + + --text:#eee; + --text-hover: #fff; + --text-muted: #bbb; +} \ No newline at end of file diff --git a/CSS/variables/organizr-dark.css b/CSS/variables/organizr-dark.css index f01147df..b75d8c36 100644 --- a/CSS/variables/organizr-dark.css +++ b/CSS/variables/organizr-dark.css @@ -1 +1,24 @@ -: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:rgb(44 171 227 / .8);--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} \ No newline at end of file +: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: rgb(44 171 227 / .8); + --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; +} \ No newline at end of file diff --git a/CSS/variables/plex.css b/CSS/variables/plex.css index d55cba5d..04bcda3d 100644 --- a/CSS/variables/plex.css +++ b/CSS/variables/plex.css @@ -1 +1,27 @@ -:root{--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:#eee;--text-hover:#fff;--text-muted:#bbb} \ No newline at end of file + :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: #eee; + --text-hover: #fff; + --text-muted: #bbb; + } \ No newline at end of file diff --git a/CSS/variables/space-gray.css b/CSS/variables/space-gray.css index 1baa9f6a..ddfda9c5 100644 --- a/CSS/variables/space-gray.css +++ b/CSS/variables/space-gray.css @@ -1 +1,24 @@ -: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:#eee;--text-hover:#fff;--text-muted:#bbb} \ No newline at end of file +: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: #eee; + --text-hover: #fff; + --text-muted: #bbb; +} \ No newline at end of file diff --git a/Resources/landing-page/css/custom.min.css b/Resources/landing-page/css/custom.min.css deleted file mode 100644 index 4a8157be..00000000 --- a/Resources/landing-page/css/custom.min.css +++ /dev/null @@ -1 +0,0 @@ -@supports (-webkit-backdrop-filter:none) or (backdrop-filter:none){#mainNav,#mainNav.navbar-scrolled{box-shadow:none;background-color:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@media (max-width:768px){#mainNav,#mainNav.navbar-scrolled{padding:0 1rem 0 1rem!important}.branding{height:40px!important}#mainNav .navbar-nav .nav-item .nav-link{padding-left:1rem}}@supports not ((-webkit-backdrop-filter:none) or (backdrop-filter:none)){#mainNav,#mainNav.navbar-scrolled{box-shadow:none;background-color:rgba(0,0,0,.9)}}@media (min-width:992px){#mainNav{box-shadow:none;background-color:rgba(0,0,0,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}#mainNav .navbar-brand{color:rgba(255,255,255,.7)}#mainNav .navbar-brand:hover{color:#fff}#mainNav .navbar-nav .nav-item .nav-link{color:rgba(255,255,255,.7);padding:0 1rem}#mainNav .navbar-nav .nav-item .nav-link:hover{color:#fff}#mainNav .navbar-nav .nav-item:last-child .nav-link{padding-right:0}#mainNav.navbar-scrolled{box-shadow:0 .5rem 1rem rgba(0,0,0,.15);background-color:rgba(0,0,0,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}#mainNav.navbar-scrolled .navbar-brand{color:#212529}#mainNav.navbar-scrolled .navbar-brand:hover{color:#12afa0}#mainNav.navbar-scrolled .navbar-nav .nav-item .nav-link{color:#fff}#mainNav.navbar-scrolled .navbar-nav .nav-item .nav-link:hover{color:#12afa0}}#mainNav .navbar-nav .nav-item .nav-link:active,#mainNav .navbar-nav .nav-item .nav-link:hover{color:#12afa0}#mainNav .navbar-nav .nav-item .nav-link.active{color:#12afa0!important}.navbar-light .navbar-toggler-icon{filter:invert(1)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgb(255 255 255 / 10%)}.branding{height:55px}.mfp-container{backdrop-filter:blur(10px)}.btn-primary{color:#fff;background-color:#009688;border-color:#009688}.btn-primary:hover{color:#fff;background-color:#12afa0;border-color:#12afa0}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#12afa0;border-color:#12afa0;box-shadow:0 0 0 .2rem #12afa080}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#009688;border-color:#009688}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#12afa0;border-color:#12afa0}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem #12afa080}hr.divider{border-color:#12afa0}a{color:#fff}a:hover{color:#12afa0;text-decoration:none}.text-primary{color:#12afa0!important}body,header.masthead{background:#000}.jquery-bg-slideshow-wrap-bg-element{width:100%;height:100%;background-color:transparent}@media (max-width:768px){.bg,header.masthead{background:linear-gradient(0deg,#000 0,rgba(0,0,0,.5) 50%),url(../assets/img/space-gray.png)!important}}.bg{height:100%;width:100%;background-color:#000;color:#fff;margin:0}.bg-dark,.bg-primary{background:#2d2d2d;background:-webkit-linear-gradient(top,#000,#576d75);background:-moz-linear-gradient(top,#000,#576d75);background:linear-gradient(to bottom,#000,#576d75)}.theme-overview{background:#2d2d2d;background:-webkit-linear-gradient(bottom,#000,#576d75);background:-moz-linear-gradient(bottom,#000,#576d75);background:linear-gradient(to top,#000,#576d75);font-family:var(--font-family-sans-serif)}#services{background:#576d75;color:#fff;padding:0 0 8rem 0}.all-apps{max-width:1980px}.img-fluid{border-radius:5px}.app-container{background:rgba(0,0,0,.2);color:rgba(255,255,255,.7);border-radius:5px;max-width:120px;min-width:120px}.app-container:hover{color:#fff;text-decoration:none;background:#47918a80}.app-container:hover img{transform:scale(1.1)}.app-container img{transition:transform .5s}.app-container-image{width:48px;height:48px}p{margin-bottom:.5rem;font-family:"Merriweather Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:500;line-height:1.2}#portfolio [class*=container-] .portfolio-box:hover .portfolio-box-caption.aquamarine-hover,#portfolio [class*=container-] .portfolio-box:hover .portfolio-box-caption.dark-hover,#portfolio [class*=container-] .portfolio-box:hover .portfolio-box-caption.hotline-hover,#portfolio [class*=container-] .portfolio-box:hover .portfolio-box-caption.organizr-dark-hover,#portfolio [class*=container-] .portfolio-box:hover .portfolio-box-caption.plex-hover,#portfolio [class*=container-] .portfolio-box:hover .portfolio-box-caption.space-gray-hover{opacity:.9;border-radius:5px}#portfolio [class*=container-] .portfolio-box .portfolio-box-caption.aquamarine-hover{background:radial-gradient(ellipse at center,#47918a 0,#0b3161 100%) center center/cover no-repeat fixed}#portfolio [class*=container-] .portfolio-box .portfolio-box-caption.hotline-hover{background:radial-gradient(ellipse at center,#f44336 0,#0b3161 100%) center center/cover no-repeat fixed}#portfolio [class*=container-] .portfolio-box .portfolio-box-caption.space-gray-hover{background:radial-gradient(ellipse at center,#576c75 0,#253237 100.2%) center center/cover no-repeat fixed}#portfolio [class*=container-] .portfolio-box .portfolio-box-caption.organizr-dark-hover{background:#1f1f1f}#portfolio [class*=container-] .portfolio-box .portfolio-box-caption.dark-hover{background:radial-gradient(circle,#3a3a3a,#2d2d2d,#202020,#141414,#000) center center/cover no-repeat fixed}#portfolio [class*=container-] .portfolio-box .portfolio-box-caption.plex-hover{background: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} \ No newline at end of file diff --git a/Resources/landing-page/css/jquery-bg-slideshow.min.css b/Resources/landing-page/css/jquery-bg-slideshow.min.css deleted file mode 100644 index 38422855..00000000 --- a/Resources/landing-page/css/jquery-bg-slideshow.min.css +++ /dev/null @@ -1 +0,0 @@ -.jquery-bg-slideshow-wrap-bg-element{position:relative}.jquery-bg-slideshow-list-control-element{position:absolute;text-align:center;bottom:0;width:100%}.jquery-bg-slideshow-list-control-image-element{display:inline-block;border-radius:5pt;height:5pt;width:5pt;margin-right:5px;background:#000;border:2px #fff;box-shadow:1px 1px 10px 1px #fff;cursor:pointer}.jquery-bg-slideshow-list-control-image-active-element{background-color:red;height:10px;width:10px;border-radius:10px;transition:background-color .5s ease}.jquery-bg-slideshow-cloned{z-index:-100;display:none} \ No newline at end of file diff --git a/Resources/landing-page/css/styles.min.css b/Resources/landing-page/css/styles.min.css deleted file mode 100644 index b9ce6ae8..00000000 --- a/Resources/landing-page/css/styles.min.css +++ /dev/null @@ -1,10 +0,0 @@ -@charset "UTF-8";/*! -* Start Bootstrap - Creative v6.0.5 (https://startbootstrap.com/theme/creative) -* Copyright 2013-2021 Start Bootstrap -* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-creative/blob/master/LICENSE) -*//*! - * Bootstrap v4.6.0 (https://getbootstrap.com/) - * Copyright 2011-2021 The Bootstrap Authors - * Copyright 2011-2021 Twitter, Inc. - * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) - */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#f4623a;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#f4623a;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:"Merriweather Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:Merriweather,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#f4623a;text-decoration:none;background-color:transparent}a:hover{color:#d6370c;text-decoration:underline}a:not([href]):not([class]){color:inherit;text-decoration:none}a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit;text-align:-webkit-match-parent}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:"Merriweather Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:500;line-height:1.2}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:80%;color:#6c757d}.blockquote-footer::before{content:"— "}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code{font-size:87.5%;color:#e83e8c;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-1>*{flex:0 0 100%;max-width:100%}.row-cols-2>*{flex:0 0 50%;max-width:50%}.row-cols-3>*{flex:0 0 33.3333333333%;max-width:33.3333333333%}.row-cols-4>*{flex:0 0 25%;max-width:25%}.row-cols-5>*{flex:0 0 20%;max-width:20%}.row-cols-6>*{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-auto{flex:0 0 auto;width:auto;max-width:100%}.col-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-12{flex:0 0 100%;max-width:100%}.order-first{order:-1}.order-last{order:13}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.offset-1{margin-left:8.3333333333%}.offset-2{margin-left:16.6666666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.3333333333%}.offset-5{margin-left:41.6666666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.3333333333%}.offset-8{margin-left:66.6666666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.3333333333%}.offset-11{margin-left:91.6666666667%}@media (min-width:576px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-sm-1>*{flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{flex:0 0 33.3333333333%;max-width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-sm-auto{flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-sm-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-sm-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-sm-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-sm-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-sm-12{flex:0 0 100%;max-width:100%}.order-sm-first{order:-1}.order-sm-last{order:13}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-12{order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.3333333333%}.offset-sm-2{margin-left:16.6666666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.3333333333%}.offset-sm-5{margin-left:41.6666666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.3333333333%}.offset-sm-8{margin-left:66.6666666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.3333333333%}.offset-sm-11{margin-left:91.6666666667%}}@media (min-width:768px){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-md-1>*{flex:0 0 100%;max-width:100%}.row-cols-md-2>*{flex:0 0 50%;max-width:50%}.row-cols-md-3>*{flex:0 0 33.3333333333%;max-width:33.3333333333%}.row-cols-md-4>*{flex:0 0 25%;max-width:25%}.row-cols-md-5>*{flex:0 0 20%;max-width:20%}.row-cols-md-6>*{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-md-auto{flex:0 0 auto;width:auto;max-width:100%}.col-md-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-md-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-md-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-md-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-md-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-md-12{flex:0 0 100%;max-width:100%}.order-md-first{order:-1}.order-md-last{order:13}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-12{order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.3333333333%}.offset-md-2{margin-left:16.6666666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.3333333333%}.offset-md-5{margin-left:41.6666666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.3333333333%}.offset-md-8{margin-left:66.6666666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.3333333333%}.offset-md-11{margin-left:91.6666666667%}}@media (min-width:992px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-lg-1>*{flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{flex:0 0 33.3333333333%;max-width:33.3333333333%}.row-cols-lg-4>*{flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-lg-auto{flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-lg-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-lg-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-lg-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-lg-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-lg-12{flex:0 0 100%;max-width:100%}.order-lg-first{order:-1}.order-lg-last{order:13}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-12{order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.3333333333%}.offset-lg-2{margin-left:16.6666666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.3333333333%}.offset-lg-5{margin-left:41.6666666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.3333333333%}.offset-lg-8{margin-left:66.6666666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.3333333333%}.offset-lg-11{margin-left:91.6666666667%}}@media (min-width:1200px){.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-xl-1>*{flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{flex:0 0 33.3333333333%;max-width:33.3333333333%}.row-cols-xl-4>*{flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-xl-auto{flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-xl-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-xl-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-xl-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-xl-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-xl-12{flex:0 0 100%;max-width:100%}.order-xl-first{order:-1}.order-xl-last{order:13}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-12{order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.3333333333%}.offset-xl-2{margin-left:16.6666666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.3333333333%}.offset-xl-5{margin-left:41.6666666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.3333333333%}.offset-xl-8{margin-left:66.6666666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.3333333333%}.offset-xl-11{margin-left:91.6666666667%}}.table{width:100%;margin-bottom:1rem;color:#212529}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#212529;background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#fcd3c8}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#f9ad99}.table-hover .table-primary:hover{background-color:#fbc0b0}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#fbc0b0}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:#b3b7bb}.table-hover .table-secondary:hover{background-color:#c8cbcf}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#8fd19e}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#86cfda}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#ffdf7e}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#ed969e}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#fbfcfc}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#95999c}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#343a40;border-color:#454d55}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#343a40}.table-dark td,.table-dark th,.table-dark thead th{border-color:#454d55}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.form-control:focus{color:#495057;background-color:#fff;border-color:#fbc2b3;outline:0;box-shadow:0 0 0 .2rem rgba(244,98,58,.25)}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;font-size:1rem;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.form-control-lg{height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}select.form-control[multiple],select.form-control[size]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:inline-flex;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}.valid-tooltip{position:absolute;top:100%;left:0;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,.9);border-radius:.25rem}.form-row>.col>.valid-tooltip,.form-row>[class*=col-]>.valid-tooltip{left:5px}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:#28a745;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-valid,.was-validated .custom-select:valid{border-color:#28a745;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat}.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#28a745}.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{border-color:#28a745}.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{border-color:#34ce57;background-color:#34ce57}.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before{border-color:#28a745}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;left:0;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.form-row>.col>.invalid-tooltip,.form-row>[class*=col-]>.invalid-tooltip{left:5px}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-invalid,.was-validated .custom-select:invalid{border-color:#dc3545;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat}.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#dc3545}.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{border-color:#dc3545}.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{border-color:#e4606d;background-color:#e4606d}.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before{border-color:#dc3545}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:flex;flex-flow:row wrap;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:flex;align-items:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:flex;flex:0 0 auto;flex-flow:row wrap;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:flex;align-items:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{align-items:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(244,98,58,.25)}.btn.disabled,.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled){cursor:pointer}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#f4623a;border-color:#f4623a}.btn-primary:hover{color:#fff;background-color:#f24516;border-color:#ee3e0d}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#f24516;border-color:#ee3e0d;box-shadow:0 0 0 .2rem rgba(246,122,88,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#f4623a;border-color:#f4623a}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#ee3e0d;border-color:#e23a0d}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(246,122,88,.5)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary.focus,.btn-secondary:focus{color:#fff;background-color:#5a6268;border-color:#545b62;box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#218838;border-color:#1e7e34;box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#138496;border-color:#117a8b;box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.btn-warning.focus,.btn-warning:focus{color:#212529;background-color:#e0a800;border-color:#d39e00;box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c82333;border-color:#bd2130;box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.btn-light.focus,.btn-light:focus{color:#212529;background-color:#e2e6ea;border-color:#dae0e5;box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.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 .2rem rgba(216,217,219,.5)}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark.focus,.btn-dark:focus{color:#fff;background-color:#23272b;border-color:#1d2124;box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.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 .2rem rgba(82,88,93,.5)}.btn-outline-primary{color:#f4623a;border-color:#f4623a}.btn-outline-primary:hover{color:#fff;background-color:#f4623a;border-color:#f4623a}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(244,98,58,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#f4623a;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:#fff;background-color:#f4623a;border-color:#f4623a}.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(244,98,58,.5)}.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-success{color:#28a745;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:transparent}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-info{color:#17a2b8;border-color:#17a2b8}.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.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 .2rem rgba(23,162,184,.5)}.btn-outline-warning{color:#ffc107;border-color:#ffc107}.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger{color:#dc3545;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark{color:#343a40;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;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:#fff;background-color:#343a40;border-color:#343a40}.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)}.btn-link{font-weight:400;color:#f4623a;text-decoration:none}.btn-link:hover{color:#d6370c;text-decoration:underline}.btn-link.focus,.btn-link:focus{text-decoration:underline}.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu-left{right:auto;left:0}.dropdown-menu-right{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-left{right:auto;left:0}.dropdown-menu-sm-right{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-left{right:auto;left:0}.dropdown-menu-md-right{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-left{right:auto;left:0}.dropdown-menu-lg-right{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-left{right:auto;left:0}.dropdown-menu-xl-right{right:0;left:auto}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#e9ecef}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#f4623a}.dropdown-item.disabled,.dropdown-item:disabled{color:#adb5bd;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext{position:relative;flex:1 1 auto;width:1%;min-width:0;margin-bottom:0}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control{margin-left:-1px}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:flex;align-items:center}.input-group>.custom-file:not(:first-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,.input-group:not(.has-validation)>.custom-select:not(:last-child),.input-group:not(.has-validation)>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label::after,.input-group.has-validation>.custom-select:nth-last-child(n+3),.input-group.has-validation>.form-control:nth-last-child(n+3){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-append,.input-group-prepend{display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea){height:calc(1.5em + 1rem + 2px)}.input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea){height:calc(1.5em + .5rem + 2px)}.input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.input-group-lg>.custom-select,.input-group-sm>.custom-select{padding-right:1.75rem}.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{position:relative;z-index:1;display:block;min-height:1.5rem;padding-left:1.5rem;-webkit-print-color-adjust:exact;color-adjust:exact}.custom-control-inline{display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;left:0;z-index:-1;width:1rem;height:1.25rem;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#f4623a;background-color:#f4623a}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(244,98,58,.25)}.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#fbc2b3}.custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff;background-color:#fde9e3;border-color:#fde9e3}.custom-control-input:disabled~.custom-control-label,.custom-control-input[disabled]~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label::before,.custom-control-input[disabled]~.custom-control-label::before{background-color:#e9ecef}.custom-control-label{position:relative;margin-bottom:0;vertical-align:top}.custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";background-color:#fff;border:#adb5bd solid 1px}.custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background:50%/50% 50% no-repeat}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{border-color:#f4623a;background-color:#f4623a}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(244,98,58,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(244,98,58,.5)}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(244,98,58,.5)}.custom-switch{padding-left:2.25rem}.custom-switch .custom-control-label::before{left:-2.25rem;width:1.75rem;pointer-events:all;border-radius:.5rem}.custom-switch .custom-control-label::after{top:calc(.25rem + 2px);left:calc(-2.25rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);background-color:#adb5bd;border-radius:.5rem;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-switch .custom-control-label::after{transition:none}}.custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#fff;transform:translateX(.75rem)}.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(244,98,58,.5)}.custom-select{display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;vertical-align:middle;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:#fbc2b3;outline:0;box-shadow:0 0 0 .2rem rgba(244,98,58,.25)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{display:none}.custom-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.custom-select-sm{height:calc(1.5em + .5rem + 2px);padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem}.custom-select-lg{height:calc(1.5em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}.custom-file{position:relative;display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(1.5em + .75rem + 2px);margin:0;overflow:hidden;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:#fbc2b3;box-shadow:0 0 0 .2rem rgba(244,98,58,.25)}.custom-file-input:disabled~.custom-file-label,.custom-file-input[disabled]~.custom-file-label{background-color:#e9ecef}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-input~.custom-file-label[data-browse]::after{content:attr(data-browse)}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;overflow:hidden;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:calc(1.5em + .75rem);padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:inherit;border-radius:0 .25rem .25rem 0}.custom-range{width:100%;height:1.4rem;padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(244,98,58,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(244,98,58,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(244,98,58,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#f4623a;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#fde9e3}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#f4623a;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{-moz-transition:none;transition:none}}.custom-range::-moz-range-thumb:active{background-color:#fde9e3}.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#f4623a;border:0;border-radius:1rem;-ms-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{-ms-transition:none;transition:none}}.custom-range::-ms-thumb:active{background-color:#fde9e3}.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.custom-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.custom-range:disabled::-webkit-slider-runnable-track{cursor:default}.custom-range:disabled::-moz-range-thumb{background-color:#adb5bd}.custom-range:disabled::-moz-range-track{cursor:default}.custom-range:disabled::-ms-thumb{background-color:#adb5bd}.custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-link{margin-bottom:-1px;border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#f4623a}.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{flex-basis:0;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:.5rem 1rem}.navbar .container,.navbar .container-fluid,.navbar .container-lg,.navbar .container-md,.navbar .container-sm,.navbar .container-xl{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:50%/100% 100% no-repeat}.navbar-nav-scroll{max-height:75vh;overflow-y:auto}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{flex-wrap:nowrap}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{flex-wrap:nowrap}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{flex-wrap:nowrap}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{padding-right:0;padding-left:0}}@media (min-width:1200px){.navbar-expand-xl{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{flex-wrap:nowrap}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{flex-wrap:nowrap}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.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:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;min-height:1px;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem;border-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom,.card-img-top{flex-shrink:0;width:100%}.card-img,.card-img-top{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{display:flex;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{flex:1 0 0%;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-moz-column-count:3;column-count:3;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion{overflow-anchor:none}.accordion>.card{overflow:hidden}.accordion>.card:not(:last-of-type){border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion>.card:not(:first-of-type){border-top-left-radius:0;border-top-right-radius:0}.accordion>.card>.card-header{border-radius:0;margin-bottom:-1px}.breadcrumb{display:flex;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#f4623a;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#d6370c;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem rgba(244,98,58,.25)}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:3;color:#fff;background-color:#f4623a;border-color:#f4623a}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.badge{transition:none}}a.badge:focus,a.badge:hover{text-decoration:none}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:#f4623a}a.badge-primary:focus,a.badge-primary:hover{color:#fff;background-color:#ee3e0d}a.badge-primary.focus,a.badge-primary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(244,98,58,.5)}.badge-secondary{color:#fff;background-color:#6c757d}a.badge-secondary:focus,a.badge-secondary:hover{color:#fff;background-color:#545b62}a.badge-secondary.focus,a.badge-secondary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.badge-success{color:#fff;background-color:#28a745}a.badge-success:focus,a.badge-success:hover{color:#fff;background-color:#1e7e34}a.badge-success.focus,a.badge-success:focus{outline:0;box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.badge-info{color:#fff;background-color:#17a2b8}a.badge-info:focus,a.badge-info:hover{color:#fff;background-color:#117a8b}a.badge-info.focus,a.badge-info:focus{outline:0;box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.badge-warning{color:#212529;background-color:#ffc107}a.badge-warning:focus,a.badge-warning:hover{color:#212529;background-color:#d39e00}a.badge-warning.focus,a.badge-warning:focus{outline:0;box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.badge-danger{color:#fff;background-color:#dc3545}a.badge-danger:focus,a.badge-danger:hover{color:#fff;background-color:#bd2130}a.badge-danger.focus,a.badge-danger:focus{outline:0;box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.badge-light{color:#212529;background-color:#f8f9fa}a.badge-light:focus,a.badge-light:hover{color:#212529;background-color:#dae0e5}a.badge-light.focus,a.badge-light:focus{outline:0;box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.badge-dark{color:#fff;background-color:#343a40}a.badge-dark:focus,a.badge-dark:hover{color:#fff;background-color:#1d2124}a.badge-dark.focus,a.badge-dark:focus{outline:0;box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;z-index:2;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#7f331e;background-color:#fde0d8;border-color:#fcd3c8}.alert-primary hr{border-top-color:#fbc0b0}.alert-primary .alert-link{color:#562214}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:flex;height:1rem;overflow:hidden;line-height:0;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#f4623a;transition:width .6s ease}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:1s linear infinite progress-bar-stripes;animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion:reduce){.progress-bar-animated{-webkit-animation:none;animation:none}}.media{display:flex;align-items:flex-start}.media-body{flex:1}.list-group{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:.25rem}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#f4623a;border-color:#f4623a}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 1px}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{color:#7f331e;background-color:#fcd3c8}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#7f331e;background-color:#fbc0b0}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#7f331e;border-color:#7f331e}.list-group-item-secondary{color:#383d41;background-color:#d6d8db}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383d41;background-color:#c8cbcf}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}.list-group-item-success{color:#155724;background-color:#c3e6cb}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}.list-group-item-info{color:#0c5460;background-color:#bee5eb}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.list-group-item-warning{color:#856404;background-color:#ffeeba}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#721c24;background-color:#f5c6cb}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#f1b0b7}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}.list-group-item-light{color:#818182;background-color:#fdfdfe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#818182;background-color:#ececf6}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:hover{color:#000;text-decoration:none}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75}button.close{padding:0;background-color:transparent;border:0}a.close.disabled{pointer-events:none}.toast{flex-basis:350px;max-width:350px;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .25rem .75rem rgba(0,0,0,.1);opacity:0;border-radius:.25rem}.toast:not(:last-child){margin-bottom:.75rem}.toast.showing{opacity:1}.toast.show{display:block;opacity:1}.toast.hide{display:none}.toast-header{display:flex;align-items:center;padding:.25rem .75rem;color:#6c757d;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05);border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.toast-body{padding:.75rem}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);height:-webkit-min-content;height:-moz-min-content;height:min-content;content:""}.modal-dialog-centered.modal-dialog-scrollable{flex-direction:column;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal-footer>*{margin:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem);height:-webkit-min-content;height:-moz-min-content;height:min-content}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:Merriweather,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:Merriweather,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top]>.arrow,.bs-popover-top>.arrow{bottom:calc(-.5rem - 1px)}.bs-popover-auto[x-placement^=top]>.arrow::before,.bs-popover-top>.arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=top]>.arrow::after,.bs-popover-top>.arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right]>.arrow,.bs-popover-right>.arrow{left:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=right]>.arrow::before,.bs-popover-right>.arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=right]>.arrow::after,.bs-popover-right>.arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto[x-placement^=bottom]>.arrow,.bs-popover-bottom>.arrow{top:calc(-.5rem - 1px)}.bs-popover-auto[x-placement^=bottom]>.arrow::before,.bs-popover-bottom>.arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=bottom]>.arrow::after,.bs-popover-bottom>.arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left]>.arrow,.bs-popover-left>.arrow{right:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=left]>.arrow::before,.bs-popover-left>.arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=left]>.arrow::after,.bs-popover-left>.arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left){transform:translateX(100%)}.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:50%/100% 100% no-repeat}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:15;display:flex;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators li{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}@-webkit-keyframes spinner-border{to{transform:rotate(360deg)}}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:.75s linear infinite spinner-border;animation:.75s linear infinite spinner-border}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@-webkit-keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:.75s linear infinite spinner-grow;animation:.75s linear infinite spinner-grow}.spinner-grow-sm{width:1rem;height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{-webkit-animation-duration:1.5s;animation-duration:1.5s}}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-primary{background-color:#f4623a!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#ee3e0d!important}.bg-secondary{background-color:#6c757d!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important}.bg-success{background-color:#28a745!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#f4623a!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded-sm{border-radius:.2rem!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-lg{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-0{border-radius:0!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.8571428571%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-fill{flex:1 1 auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}@media (min-width:576px){.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}}@media (min-width:768px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.user-select-all{-webkit-user-select:all!important;-moz-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;-ms-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:sticky!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports (position:sticky){.sticky-top{position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.min-vw-100{min-width:100vw!important}.min-vh-100{min-height:100vh!important}.vw-100{width:100vw!important}.vh-100{height:100vh!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:rgba(0,0,0,0)}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important}.text-justify{text-align:justify!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-lighter{font-weight:lighter!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-weight-bolder{font-weight:bolder!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#f4623a!important}a.text-primary:focus,a.text-primary:hover{color:#d6370c!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#494f54!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#19692c!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#0f6674!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#ba8b00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#a71d2a!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#cbd3da!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#121416!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.text-decoration-none{text-decoration:none!important}.text-break{word-break:break-word!important;word-wrap:break-word!important}.text-reset{color:inherit!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" ("attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}}body,html{width:100%;height:100%}hr.divider{max-width:3.25rem;border-width:.2rem;border-color:#f4623a}hr.light{border-color:#fff}.btn{font-family:"Merriweather Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}.btn-xl{padding:1.25rem 2.25rem;font-size:.85rem;font-weight:700;text-transform:uppercase;border:none;border-radius:10rem}.page-section{padding:8rem 0}#mainNav{box-shadow:0 .5rem 1rem rgba(0,0,0,.15);background-color:#fff;transition:background-color .2s ease}#mainNav .navbar-brand{font-family:"Merriweather Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:700;color:#212529}#mainNav .navbar-nav .nav-item .nav-link{color:#6c757d;font-family:"Merriweather Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:700;font-size:.9rem;padding:.75rem 0}#mainNav .navbar-nav .nav-item .nav-link:active,#mainNav .navbar-nav .nav-item .nav-link:hover{color:#f4623a}#mainNav .navbar-nav .nav-item .nav-link.active{color:#f4623a!important}@media (min-width:992px){#mainNav{box-shadow:none;background-color:transparent}#mainNav .navbar-brand{color:rgba(255,255,255,.7)}#mainNav .navbar-brand:hover{color:#fff}#mainNav .navbar-nav .nav-item .nav-link{color:rgba(255,255,255,.7);padding:0 1rem}#mainNav .navbar-nav .nav-item .nav-link:hover{color:#fff}#mainNav .navbar-nav .nav-item:last-child .nav-link{padding-right:0}#mainNav.navbar-scrolled{box-shadow:0 .5rem 1rem rgba(0,0,0,.15);background-color:#fff}#mainNav.navbar-scrolled .navbar-brand{color:#212529}#mainNav.navbar-scrolled .navbar-brand:hover{color:#f4623a}#mainNav.navbar-scrolled .navbar-nav .nav-item .nav-link{color:#212529}#mainNav.navbar-scrolled .navbar-nav .nav-item .nav-link:hover{color:#f4623a}}header.masthead{padding-top:10rem;padding-bottom:calc(10rem - 4.5rem);background:linear-gradient(to bottom,rgba(92,77,66,.8) 0,rgba(92,77,66,.8) 100%),url(../assets/img/bg-masthead.jpg);background-position:center;background-repeat:no-repeat;background-attachment:scroll;background-size:cover}header.masthead h1{font-size:2.25rem}@media (min-width:992px){header.masthead{height:100vh;min-height:40rem;padding-top:4.5rem;padding-bottom:0}header.masthead p{font-size:1.15rem}header.masthead h1{font-size:3rem}}@media (min-width:1200px){header.masthead h1{font-size:3.5rem}}#portfolio .container-fluid,#portfolio .container-lg,#portfolio .container-md,#portfolio .container-sm,#portfolio .container-xl{max-width:1920px}#portfolio .container-fluid .portfolio-box,#portfolio .container-lg .portfolio-box,#portfolio .container-md .portfolio-box,#portfolio .container-sm .portfolio-box,#portfolio .container-xl .portfolio-box{position:relative;display:block}#portfolio .container-fluid .portfolio-box .portfolio-box-caption,#portfolio .container-lg .portfolio-box .portfolio-box-caption,#portfolio .container-md .portfolio-box .portfolio-box-caption,#portfolio .container-sm .portfolio-box .portfolio-box-caption,#portfolio .container-xl .portfolio-box .portfolio-box-caption{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%;position:absolute;bottom:0;text-align:center;opacity:0;color:#fff;background:rgba(244,98,58,.9);transition:opacity .25s ease;text-align:center}#portfolio .container-fluid .portfolio-box .portfolio-box-caption .project-category,#portfolio .container-lg .portfolio-box .portfolio-box-caption .project-category,#portfolio .container-md .portfolio-box .portfolio-box-caption .project-category,#portfolio .container-sm .portfolio-box .portfolio-box-caption .project-category,#portfolio .container-xl .portfolio-box .portfolio-box-caption .project-category{font-family:"Merriweather Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:.85rem;font-weight:600;text-transform:uppercase}#portfolio .container-fluid .portfolio-box .portfolio-box-caption .project-name,#portfolio .container-lg .portfolio-box .portfolio-box-caption .project-name,#portfolio .container-md .portfolio-box .portfolio-box-caption .project-name,#portfolio .container-sm .portfolio-box .portfolio-box-caption .project-name,#portfolio .container-xl .portfolio-box .portfolio-box-caption .project-name{font-size:1.2rem}#portfolio .container-fluid .portfolio-box:hover .portfolio-box-caption,#portfolio .container-lg .portfolio-box:hover .portfolio-box-caption,#portfolio .container-md .portfolio-box:hover .portfolio-box-caption,#portfolio .container-sm .portfolio-box:hover .portfolio-box-caption,#portfolio .container-xl .portfolio-box:hover .portfolio-box-caption{opacity:1}.text-white-75{color:rgba(255,255,255,.75)} \ No newline at end of file diff --git a/Resources/landing-page/js/jquery-bg-slideshow.min.js b/Resources/landing-page/js/jquery-bg-slideshow.min.js deleted file mode 100644 index 313e33bc..00000000 --- a/Resources/landing-page/js/jquery-bg-slideshow.min.js +++ /dev/null @@ -1 +0,0 @@ -(function(a){a.fn.bgSlideShow=function(b){var c=Math.floor;function d(a,b){return void 0===a?b:"boolean"==typeof a?a:(a=a.trim().toLowerCase(),a.startsWith("t")||a.startsWith("y")||1==a)}function e(b,c){var e={};return e.uniqueId=k(b),e.current=a(b).data("current")||c.current||0,e.images=c.images,e.slideControls=c.slideControls,e.slideControls.enabled=d(a(b).data("slidecontrols.enabled"),c.slideControls.enabled),e.slideControls.classes=a(b).data("slidecontrols.classes")||c.slideControls.classes,a(b).data("images")&&(e.images=a(b).data("images").split(",").map(a=>a.trim())),e.initialBackground=a(b).data("initialbackground")||c.initialBackground,e.transitionDelay=a(b).data("transitiondelay")||c.transitionDelay,e.gradient=a(b).data("gradient")||c.gradient,e.transitionSpeed=a(b).data("transitionspeed")||c.transitionSpeed,e.transitionEffect=a(b).data("transitioneffect")||c.transitionEffect,e.randomize=d(a(b).data("randomize"),c.randomize),e.debug=d(a(b).data("debug"),c.debug),e.eventHandlers=c.eventHandlers,e.defaultDisplay=a(b).css("display")||"block",e}function f(a,b){a&&console.log(b)}function g(a){if(a.randomize){for(var b=a.current;b==a.current;)b=c(Math.random()*a.images.length);return a.current=b,a.images[b]}a.current>=a.images.length&&(a.current=0);var d=a.images[a.current];return++a.current,d}function h(b,c){f(c.debug,"ProcessShow with element ["+b+"]"),a(b).data("bgSlideShowApplied",!0),m(b,c),q(c.images),c.wrapBgElement=a("
",{class:"jquery-bg-slideshow-wrap-bg-element",id:c.uniqueId+"-wrap-widget"}),a(b).wrap(c.wrapBgElement);var d=a(b).css("position","absolute");j(b,d.parent(),c),f(c.debug,"Setting timeout for element ["+b+"]"),p(c,c.current),c.timerId=setTimeout(n,c.transitionDelay,b,c)}function j(b,c,d){if(f(d.debug,"List controls enabled: "+d.slideControls.enabled),!0==d.slideControls.enabled){d.slideControlsElement=a("
",{class:"jquery-bg-slideshow-list-control-element"+(d.slideControls.classes?" "+d.slideControls.classes:"")});for(var e,g=d.images.length,h=0;h",{class:"jquery-bg-slideshow-list-control-image-element",id:e}).appendTo(d.slideControlsElement);a(c).append(d.slideControlsElement),a("[id^='"+d.uniqueId+"-image']").off("click").on("click",function(){a(d.cloned).remove();var c=a(this).attr("id"),e=parseInt(c.match(/-image(\d+)/)[1]);d.current=e+1,a(b).css("background","url("+d.images[e]+")"),p(d,d.current-1),console.log("clicked on ["+a(this).attr("id")+"]")})}}function k(b){var c=a(b).attr("id");return c||(c=l()),c}function l(){var a="ABCDEFGHIJKLMNOPQRSTUVWXYZ".charAt(c(Math.random()*"ABCDEFGHIJKLMNOPQRSTUVWXYZ".length))+Date.now();return a}function m(b,c){if(c.initialBackground){f(c.debug,"Setting initial image");var d=c.initialBackground,e="";if(!isNaN(d)&&dThe image #%curr% could not be loaded."}})})(jQuery); \ No newline at end of file