mirror of
https://github.com/gilbN/theme.park.git
synced 2024-10-02 13:37:21 +02:00
deploy: 881be25e7d
This commit is contained in:
GilbN
parent
3745197184
commit
3899870a2d
60
.github/CONTRIBUTING.md
vendored
60
.github/CONTRIBUTING.md
vendored
@ -1,30 +1,30 @@
|
||||
# Contributing to theme.park
|
||||
|
||||
- If you want to discuss changes, you can also bring it up in our Discord server
|
||||
- PR's are done against the develop branch.
|
||||
|
||||
## Bug fixes
|
||||
|
||||
- When submitting bugfixes please show a before and after screenshot of the fix, and a description of what the fix does.
|
||||
|
||||
## New theme option
|
||||
|
||||
- The current variables in use can be found in any of the CSS files in `/css/theme-options/` and `/css/community-theme-options/`
|
||||
|
||||
- New community contributed theme options will be placed in the `Community Themes` category on our docs page.
|
||||
|
||||
- Community themes are not officially supported but as long as they follow the same variable structure as the other theme options it should look fine on all applications.
|
||||
|
||||
- When contributing a new option, you must have example screeenshots of the theme being used. Preferrably at least 10 with the same image size. See examples on our [docs page](https://docs.theme-park.dev/community-themes/).
|
||||
|
||||
### Specials
|
||||
|
||||
Remember to also to change the variables in the the `Specials` section even if you dont use the application the variable refers to.
|
||||
|
||||
- `--arr-queue-color` Please refrain from using an orange/yellowish color on the variable as its confusing from a UX standpoint as the "arrs" use that color range when something is wrong in the queue.
|
||||
|
||||
## New application theme
|
||||
|
||||
- When creating a new theme for an application please test multiple theme options to make sure it looks good on all options not just your favorite.
|
||||
|
||||
- The PR must contain a screenshot of all the different theme options. Optionally you can also include screenshots with the community theme options.
|
||||
# Contributing to theme.park
|
||||
|
||||
- If you want to discuss changes, you can also bring it up in our Discord server
|
||||
- PR's are done against the develop branch.
|
||||
|
||||
## Bug fixes
|
||||
|
||||
- When submitting bugfixes please show a before and after screenshot of the fix, and a description of what the fix does.
|
||||
|
||||
## New theme option
|
||||
|
||||
- The current variables in use can be found in any of the CSS files in `/css/theme-options/` and `/css/community-theme-options/`
|
||||
|
||||
- New community contributed theme options will be placed in the `Community Themes` category on our docs page.
|
||||
|
||||
- Community themes are not officially supported but as long as they follow the same variable structure as the other theme options it should look fine on all applications.
|
||||
|
||||
- When contributing a new option, you must have example screeenshots of the theme being used. Preferrably at least 10 with the same image size. See examples on our [docs page](https://docs.theme-park.dev/community-themes/).
|
||||
|
||||
### Specials
|
||||
|
||||
Remember to also to change the variables in the the `Specials` section even if you dont use the application the variable refers to.
|
||||
|
||||
- `--arr-queue-color` Please refrain from using an orange/yellowish color on the variable as its confusing from a UX standpoint as the "arrs" use that color range when something is wrong in the queue.
|
||||
|
||||
## New application theme
|
||||
|
||||
- When creating a new theme for an application please test multiple theme options to make sure it looks good on all options not just your favorite.
|
||||
|
||||
- The PR must contain a screenshot of all the different theme options. Optionally you can also include screenshots with the community theme options.
|
||||
|
||||
6
.github/FUNDING.yml
vendored
6
.github/FUNDING.yml
vendored
@ -1,3 +1,3 @@
|
||||
# These are supported funding model platforms
|
||||
|
||||
github: GilbN
|
||||
# These are supported funding model platforms
|
||||
|
||||
github: GilbN
|
||||
|
||||
102
.github/ISSUE_TEMPLATE/bug_report.md
vendored
102
.github/ISSUE_TEMPLATE/bug_report.md
vendored
@ -1,51 +1,51 @@
|
||||
---
|
||||
name: Bug report
|
||||
about: Create a report to help us improve
|
||||
title: ''
|
||||
labels: 'bug'
|
||||
assignees: ''
|
||||
|
||||
---
|
||||
|
||||
**Describe the bug**
|
||||
A clear and concise description of what the bug is.
|
||||
|
||||
**Theme Install Method** (Don't skip)
|
||||
- Docker run / Compose Config
|
||||
- If using docker mods share your COMPLETE container logs..
|
||||
- Webserver subfilter Config
|
||||
- Stylus Config
|
||||
|
||||
**Application Info** (Don't skip)
|
||||
- Version
|
||||
- Branch
|
||||
- Container
|
||||
- Logs
|
||||
|
||||
**To Reproduce**
|
||||
Steps to reproduce the behavior:
|
||||
1. Go to '...'
|
||||
2. Click on '....'
|
||||
3. Scroll down to '....'
|
||||
4. See error
|
||||
|
||||
**Expected behavior**
|
||||
A clear and concise description of what you expected to happen.
|
||||
|
||||
**Screenshots**
|
||||
If applicable, add screenshots to help explain your problem.
|
||||
|
||||
|
||||
**Desktop (If applicable) (please complete the following information):**
|
||||
- OS: [e.g. iOS]
|
||||
- Browser [e.g. chrome, safari]
|
||||
- Version [e.g. 22]
|
||||
|
||||
**Smartphone (If applicable) (please complete the following information):**
|
||||
- Device: [e.g. iPhone6]
|
||||
- OS: [e.g. iOS8.1]
|
||||
- Browser [e.g. stock browser, safari]
|
||||
- Version [e.g. 22]
|
||||
|
||||
**Additional context**
|
||||
Add any other context about the problem here.
|
||||
---
|
||||
name: Bug report
|
||||
about: Create a report to help us improve
|
||||
title: ''
|
||||
labels: 'bug'
|
||||
assignees: ''
|
||||
|
||||
---
|
||||
|
||||
**Describe the bug**
|
||||
A clear and concise description of what the bug is.
|
||||
|
||||
**Theme Install Method** (Don't skip)
|
||||
- Docker run / Compose Config
|
||||
- If using docker mods share your COMPLETE container logs..
|
||||
- Webserver subfilter Config
|
||||
- Stylus Config
|
||||
|
||||
**Application Info** (Don't skip)
|
||||
- Version
|
||||
- Branch
|
||||
- Container
|
||||
- Logs
|
||||
|
||||
**To Reproduce**
|
||||
Steps to reproduce the behavior:
|
||||
1. Go to '...'
|
||||
2. Click on '....'
|
||||
3. Scroll down to '....'
|
||||
4. See error
|
||||
|
||||
**Expected behavior**
|
||||
A clear and concise description of what you expected to happen.
|
||||
|
||||
**Screenshots**
|
||||
If applicable, add screenshots to help explain your problem.
|
||||
|
||||
|
||||
**Desktop (If applicable) (please complete the following information):**
|
||||
- OS: [e.g. iOS]
|
||||
- Browser [e.g. chrome, safari]
|
||||
- Version [e.g. 22]
|
||||
|
||||
**Smartphone (If applicable) (please complete the following information):**
|
||||
- Device: [e.g. iPhone6]
|
||||
- OS: [e.g. iOS8.1]
|
||||
- Browser [e.g. stock browser, safari]
|
||||
- Version [e.g. 22]
|
||||
|
||||
**Additional context**
|
||||
Add any other context about the problem here.
|
||||
|
||||
78
.github/pull_request_template.md
vendored
78
.github/pull_request_template.md
vendored
@ -1,40 +1,40 @@
|
||||
<!--- Provide a general summary of your changes in the Title above -->
|
||||
|
||||
[themeparkurl]: https://theme-park.dev
|
||||
[][themeparkurl]
|
||||
|
||||
|
||||
<!--- Before submitting a pull request please check the following -->
|
||||
|
||||
<!--- If this is a fix for a typo (in code, documentation, or the README) please file an issue and let us sort it out. We do not need a PR -->
|
||||
<!--- Ask yourself if this modification is something the whole userbase will benefit from, if this is a specific change for corner case functionality/styling please look at making an addon instead. https://docs.theme-park.dev/themes/addons/sonarr/ -->
|
||||
<!--- That if the PR is addressing an existing issue include, closes #<issue number> , in the body of the PR commit message -->
|
||||
<!--- You have included links to any files / patches etc your PR may be using in the body of the PR commit message -->
|
||||
|
||||
------------------------------
|
||||
|
||||
- [ ] I have read the [contributing](https://github.com/GilbN/theme.park/blob/master/.github/CONTRIBUTING.md) guideline and understand that I have made the correct modifications
|
||||
|
||||
- PR's are done against the develop branch.
|
||||
------------------------------
|
||||
|
||||
<!--- We welcome all PR’s though this doesn’t guarantee it will be accepted. -->
|
||||
|
||||
## Bug fixes
|
||||
|
||||
- When submitting bugfixes please show a before and after screenshot of the fix, and a description of what the fix does.
|
||||
|
||||
## Description:
|
||||
<!--- Describe your changes in detail -->
|
||||
<!--- Add before and after screenshots of your changes -->
|
||||
|
||||
## Benefits of this PR and context:
|
||||
<!--- Please explain why we should accept this PR. If this fixes an outstanding bug, please reference the issue # -->
|
||||
|
||||
## How Has This Been Tested?
|
||||
<!--- Please describe in detail how you tested your changes. -->
|
||||
<!--- Include details of your testing environment, and the tests you ran to -->
|
||||
<!--- see how your change affects other areas of the code, etc. -->
|
||||
|
||||
## Source / References:
|
||||
<!--- Provide a general summary of your changes in the Title above -->
|
||||
|
||||
[themeparkurl]: https://theme-park.dev
|
||||
[][themeparkurl]
|
||||
|
||||
|
||||
<!--- Before submitting a pull request please check the following -->
|
||||
|
||||
<!--- If this is a fix for a typo (in code, documentation, or the README) please file an issue and let us sort it out. We do not need a PR -->
|
||||
<!--- Ask yourself if this modification is something the whole userbase will benefit from, if this is a specific change for corner case functionality/styling please look at making an addon instead. https://docs.theme-park.dev/themes/addons/sonarr/ -->
|
||||
<!--- That if the PR is addressing an existing issue include, closes #<issue number> , in the body of the PR commit message -->
|
||||
<!--- You have included links to any files / patches etc your PR may be using in the body of the PR commit message -->
|
||||
|
||||
------------------------------
|
||||
|
||||
- [ ] I have read the [contributing](https://github.com/GilbN/theme.park/blob/master/.github/CONTRIBUTING.md) guideline and understand that I have made the correct modifications
|
||||
|
||||
- PR's are done against the develop branch.
|
||||
------------------------------
|
||||
|
||||
<!--- We welcome all PR’s though this doesn’t guarantee it will be accepted. -->
|
||||
|
||||
## Bug fixes
|
||||
|
||||
- When submitting bugfixes please show a before and after screenshot of the fix, and a description of what the fix does.
|
||||
|
||||
## Description:
|
||||
<!--- Describe your changes in detail -->
|
||||
<!--- Add before and after screenshots of your changes -->
|
||||
|
||||
## Benefits of this PR and context:
|
||||
<!--- Please explain why we should accept this PR. If this fixes an outstanding bug, please reference the issue # -->
|
||||
|
||||
## How Has This Been Tested?
|
||||
<!--- Please describe in detail how you tested your changes. -->
|
||||
<!--- Include details of your testing environment, and the tests you ran to -->
|
||||
<!--- see how your change affects other areas of the code, etc. -->
|
||||
|
||||
## Source / References:
|
||||
<!--- Please include any forum posts/github links relevant to the PR -->
|
||||
192
.github/workflows/auto-build.yml
vendored
192
.github/workflows/auto-build.yml
vendored
@ -1,96 +1,96 @@
|
||||
name: autobuildallthemods
|
||||
on:
|
||||
push:
|
||||
branches:
|
||||
- master
|
||||
- develop
|
||||
- testing
|
||||
paths:
|
||||
- '**/docker-mods/**'
|
||||
workflow_dispatch:
|
||||
inputs:
|
||||
app:
|
||||
description: 'Select an app'
|
||||
required: true
|
||||
type: choice
|
||||
options:
|
||||
- radarr
|
||||
- sonarr
|
||||
- readarr
|
||||
- lidarr
|
||||
- bazarr
|
||||
- whisparr
|
||||
- prowlarr
|
||||
- plex
|
||||
- jellyfin
|
||||
- emby
|
||||
- sabnzbd
|
||||
- synclounge
|
||||
- transmission
|
||||
- calibre-web
|
||||
- lazylibrarian
|
||||
- mylar3
|
||||
- duplicati
|
||||
- tautulli
|
||||
- vuetorrent
|
||||
- deluge
|
||||
- jackett
|
||||
- librespeed
|
||||
- nzbget
|
||||
- qbittorrent
|
||||
- rutorrent
|
||||
- swag
|
||||
- thelounge
|
||||
- build-all-the-mods
|
||||
append-tag:
|
||||
required: false
|
||||
description: 'Append a the tag with "-custom" e.g :radarr-testing'
|
||||
|
||||
jobs:
|
||||
push_to_ghcr_io:
|
||||
runs-on: ubuntu-latest
|
||||
steps:
|
||||
- name: checkout
|
||||
uses: actions/checkout@v3.1.0
|
||||
with:
|
||||
fetch-depth: 0
|
||||
- name: Login to GitHub Container Registry
|
||||
uses: docker/login-action@v2.1.0
|
||||
with:
|
||||
registry: ghcr.io
|
||||
username: ${{ secrets.GHCR_USER }}
|
||||
password: ${{ secrets.GH_PAT }}
|
||||
- name: Extract branch name
|
||||
shell: bash
|
||||
run: echo "branch=${GITHUB_HEAD_REF:-${GITHUB_REF#refs/heads/}}" >> $GITHUB_OUTPUT
|
||||
id: extract_branch
|
||||
- name: build all on push
|
||||
if: ${{ github.event_name == 'push' }}
|
||||
run: |
|
||||
branch=${{ steps.extract_branch.outputs.branch }}
|
||||
|
||||
if [ "$branch" = "master" ]; then
|
||||
branch=""
|
||||
else
|
||||
branch="-$branch"
|
||||
fi
|
||||
for dir in docker-mods/*;
|
||||
do
|
||||
app="$( echo "$dir" | cut -d'/' -f2 -s )"
|
||||
docker build docker-mods/$app --tag ghcr.io/${{ secrets.GHCR_USER }}/theme.park:$app$branch
|
||||
docker push ghcr.io/${{ secrets.GHCR_USER }}/theme.park:$app$branch
|
||||
done
|
||||
- name: manually build
|
||||
if: ${{ github.event.inputs.app && github.event.inputs.app != 'build-all-the-mods' }}
|
||||
run: |
|
||||
docker build docker-mods/${{ github.event.inputs.app }} --tag ghcr.io/${{ secrets.GHCR_USER }}/theme.park:${{ github.event.inputs.app }}${{ github.event.inputs.append-tag }}
|
||||
docker push ghcr.io/${{ secrets.GHCR_USER }}/theme.park:${{ github.event.inputs.app }}${{ github.event.inputs.append-tag }}
|
||||
- name: manually build all mods
|
||||
if: ${{ github.event.inputs.app == 'build-all-the-mods' }}
|
||||
run: |
|
||||
for dir in docker-mods/*;
|
||||
do
|
||||
app="$( echo "$dir" | cut -d'/' -f2 -s )"
|
||||
docker build docker-mods/$app --tag ghcr.io/${{ secrets.GHCR_USER }}/theme.park:$app${{ github.event.inputs.append-tag }}
|
||||
docker push ghcr.io/${{ secrets.GHCR_USER }}/theme.park:$app${{ github.event.inputs.append-tag }}
|
||||
done
|
||||
name: autobuildallthemods
|
||||
on:
|
||||
push:
|
||||
branches:
|
||||
- master
|
||||
- develop
|
||||
- testing
|
||||
paths:
|
||||
- '**/docker-mods/**'
|
||||
workflow_dispatch:
|
||||
inputs:
|
||||
app:
|
||||
description: 'Select an app'
|
||||
required: true
|
||||
type: choice
|
||||
options:
|
||||
- radarr
|
||||
- sonarr
|
||||
- readarr
|
||||
- lidarr
|
||||
- bazarr
|
||||
- whisparr
|
||||
- prowlarr
|
||||
- plex
|
||||
- jellyfin
|
||||
- emby
|
||||
- sabnzbd
|
||||
- synclounge
|
||||
- transmission
|
||||
- calibre-web
|
||||
- lazylibrarian
|
||||
- mylar3
|
||||
- duplicati
|
||||
- tautulli
|
||||
- vuetorrent
|
||||
- deluge
|
||||
- jackett
|
||||
- librespeed
|
||||
- nzbget
|
||||
- qbittorrent
|
||||
- rutorrent
|
||||
- swag
|
||||
- thelounge
|
||||
- build-all-the-mods
|
||||
append-tag:
|
||||
required: false
|
||||
description: 'Append a the tag with "-custom" e.g :radarr-testing'
|
||||
|
||||
jobs:
|
||||
push_to_ghcr_io:
|
||||
runs-on: ubuntu-latest
|
||||
steps:
|
||||
- name: checkout
|
||||
uses: actions/checkout@v3.1.0
|
||||
with:
|
||||
fetch-depth: 0
|
||||
- name: Login to GitHub Container Registry
|
||||
uses: docker/login-action@v2.1.0
|
||||
with:
|
||||
registry: ghcr.io
|
||||
username: ${{ secrets.GHCR_USER }}
|
||||
password: ${{ secrets.GH_PAT }}
|
||||
- name: Extract branch name
|
||||
shell: bash
|
||||
run: echo "branch=${GITHUB_HEAD_REF:-${GITHUB_REF#refs/heads/}}" >> $GITHUB_OUTPUT
|
||||
id: extract_branch
|
||||
- name: build all on push
|
||||
if: ${{ github.event_name == 'push' }}
|
||||
run: |
|
||||
branch=${{ steps.extract_branch.outputs.branch }}
|
||||
|
||||
if [ "$branch" = "master" ]; then
|
||||
branch=""
|
||||
else
|
||||
branch="-$branch"
|
||||
fi
|
||||
for dir in docker-mods/*;
|
||||
do
|
||||
app="$( echo "$dir" | cut -d'/' -f2 -s )"
|
||||
docker build docker-mods/$app --tag ghcr.io/${{ secrets.GHCR_USER }}/theme.park:$app$branch
|
||||
docker push ghcr.io/${{ secrets.GHCR_USER }}/theme.park:$app$branch
|
||||
done
|
||||
- name: manually build
|
||||
if: ${{ github.event.inputs.app && github.event.inputs.app != 'build-all-the-mods' }}
|
||||
run: |
|
||||
docker build docker-mods/${{ github.event.inputs.app }} --tag ghcr.io/${{ secrets.GHCR_USER }}/theme.park:${{ github.event.inputs.app }}${{ github.event.inputs.append-tag }}
|
||||
docker push ghcr.io/${{ secrets.GHCR_USER }}/theme.park:${{ github.event.inputs.app }}${{ github.event.inputs.append-tag }}
|
||||
- name: manually build all mods
|
||||
if: ${{ github.event.inputs.app == 'build-all-the-mods' }}
|
||||
run: |
|
||||
for dir in docker-mods/*;
|
||||
do
|
||||
app="$( echo "$dir" | cut -d'/' -f2 -s )"
|
||||
docker build docker-mods/$app --tag ghcr.io/${{ secrets.GHCR_USER }}/theme.park:$app${{ github.event.inputs.append-tag }}
|
||||
docker push ghcr.io/${{ secrets.GHCR_USER }}/theme.park:$app${{ github.event.inputs.append-tag }}
|
||||
done
|
||||
|
||||
270
.github/workflows/docker-build.yml
vendored
270
.github/workflows/docker-build.yml
vendored
@ -1,135 +1,135 @@
|
||||
name: docker build
|
||||
on:
|
||||
release:
|
||||
types:
|
||||
- released
|
||||
workflow_dispatch:
|
||||
inputs:
|
||||
branch:
|
||||
description: 'Select branch'
|
||||
required: true
|
||||
type: choice
|
||||
options:
|
||||
- master
|
||||
- develop
|
||||
- testing
|
||||
tag:
|
||||
description: 'Append a the tag with "-custom" e.g :develop-custom'
|
||||
push:
|
||||
branches:
|
||||
- develop
|
||||
- testing
|
||||
paths-ignore:
|
||||
- '.github/**'
|
||||
jobs:
|
||||
build-and-push-it-to-the-limit:
|
||||
runs-on: ubuntu-latest
|
||||
strategy:
|
||||
matrix:
|
||||
architecture: [linux-arm-v7,linux-arm64,linux-amd64]
|
||||
steps:
|
||||
- name: checkout
|
||||
uses: actions/checkout@v3.1.0
|
||||
with:
|
||||
fetch-depth: 0
|
||||
- name: Prepare
|
||||
id: prep
|
||||
run: |
|
||||
echo "ARCHITECTURE=${{ matrix.architecture }}" >> $GITHUB_ENV
|
||||
echo "created=$(date -u +'%Y-%m-%dT%H:%M:%SZ')" >> $GITHUB_ENV
|
||||
echo "title=${GITHUB_REPOSITORY,,}:${{ github.ref_name }}" >> $GITHUB_ENV
|
||||
echo "revision=${GITHUB_SHA}" >> $GITHUB_ENV
|
||||
echo "source=${GITHUB_SERVER_URL}/${GITHUB_REPOSITORY,,}/tree/${{ github.ref_name }}" >> $GITHUB_ENV
|
||||
echo "vendor=${{ github.repository_owner }}" >> $GITHUB_ENV
|
||||
echo "url=${GITHUB_SERVER_URL}/${GITHUB_REPOSITORY,,}/blob/master/README.md" >> $GITHUB_ENV
|
||||
echo "VERSION=${{ github.event.release.tag_name }}" >> $GITHUB_ENV
|
||||
echo "platform=${ARCHITECTURE//-/\/}" >> $GITHUB_ENV
|
||||
echo "cache=${GITHUB_REPOSITORY,,}:${{ github.ref_name }}-cache-${{ matrix.architecture }}${{ github.event.inputs.tag }}" >> $GITHUB_ENV
|
||||
echo "tag=${GITHUB_REPOSITORY,,}:${{ github.ref_name }}-${GITHUB_SHA:0:7}-${GITHUB_RUN_NUMBER}-${{ matrix.architecture }}${{ github.event.inputs.tag }}" >> $GITHUB_ENV
|
||||
echo "release=${{ github.event.release.target_commitish }}" >> $GITHUB_ENV
|
||||
|
||||
- name: Set up QEMU
|
||||
uses: docker/setup-qemu-action@v2.1.0
|
||||
|
||||
- name: Set up Docker Buildx
|
||||
id: buildx
|
||||
uses: docker/setup-buildx-action@v2.2.1
|
||||
with:
|
||||
driver-opts: image=moby/buildkit:v0.10.5
|
||||
|
||||
- name: Login to GitHub Container Registry
|
||||
uses: docker/login-action@v2.1.0
|
||||
with:
|
||||
registry: ghcr.io
|
||||
username: ${{ github.repository_owner }}
|
||||
password: ${{ secrets.GH_PAT }}
|
||||
|
||||
- name: build&push
|
||||
uses: docker/build-push-action@v3.2.0
|
||||
with:
|
||||
push: ${{ github.event_name != 'pull_request' }}
|
||||
platforms: ${{ env.platform }}
|
||||
file: ./${{ matrix.architecture }}.Dockerfile
|
||||
cache-from: ghcr.io/${{ env.cache }}
|
||||
cache-to: ghcr.io/${{ env.cache }}
|
||||
tags: |
|
||||
ghcr.io/${{ env.tag }}
|
||||
labels: |
|
||||
org.opencontainers.image.created=${{ env.created }}
|
||||
org.opencontainers.image.title=${{ env.title }}
|
||||
org.opencontainers.image.revision=${{ env.revision }}
|
||||
org.opencontainers.image.source=${{ env.source }}
|
||||
org.opencontainers.image.vendor=${{ env.vendor }}
|
||||
org.opencontainers.image.url=${{ env.url }}
|
||||
org.opencontainers.image.version=${{ env.VERSION }}
|
||||
build-args: |
|
||||
TP_RELEASE=${{ env.VERSION }}
|
||||
BUILD_DATE=${{ env.created }}
|
||||
BUILD_ARCHITECTURE=${{ env.ARCHITECTURE }}
|
||||
|
||||
publish:
|
||||
runs-on: ubuntu-latest
|
||||
strategy:
|
||||
matrix:
|
||||
registry: [ghcr.io]
|
||||
needs: [build-and-push-it-to-the-limit]
|
||||
steps:
|
||||
- name: Checkout
|
||||
uses: actions/checkout@v3.1.0
|
||||
|
||||
- name: Login to GitHub Container Registry
|
||||
if: matrix.registry == 'ghcr.io'
|
||||
uses: docker/login-action@v2.1.0
|
||||
with:
|
||||
registry: ghcr.io
|
||||
username: ${{ github.repository_owner }}
|
||||
password: ${{ secrets.GH_PAT }}
|
||||
|
||||
- name: Create manifests
|
||||
env:
|
||||
DOCKER_CLI_EXPERIMENTAL: enabled
|
||||
run: |
|
||||
IMAGE=${{ matrix.registry }}/${GITHUB_REPOSITORY,,}
|
||||
TAG=${{ github.ref_name }}-${GITHUB_SHA:0:7}-${GITHUB_RUN_NUMBER}
|
||||
SOURCE=${IMAGE}:${TAG}
|
||||
[[ -f linux-amd64.Dockerfile ]] && AMD64=${SOURCE}-linux-amd64${{ github.event.inputs.tag }}
|
||||
[[ -f linux-arm64.Dockerfile ]] && ARM64=${SOURCE}-linux-arm64${{ github.event.inputs.tag }}
|
||||
[[ -f linux-arm-v7.Dockerfile ]] && ARMV7=${SOURCE}-linux-arm-v7${{ github.event.inputs.tag }}
|
||||
docker manifest create ${IMAGE}:${TAG}${{ github.event.inputs.tag }} ${AMD64} ${ARM64} ${ARMV7}
|
||||
docker manifest push ${IMAGE}:${TAG}${{ github.event.inputs.tag }}
|
||||
TAG=${{ github.ref_name }}${{ github.event.inputs.tag }}
|
||||
docker manifest create ${IMAGE}:${TAG} ${AMD64} ${ARM64} ${ARMV7}
|
||||
docker manifest push ${IMAGE}:${TAG}
|
||||
- name: Latest manifest
|
||||
if: github.event.release.target_commitish == 'master' || github.event.inputs.branch == 'master'
|
||||
env:
|
||||
DOCKER_CLI_EXPERIMENTAL: enabled
|
||||
run: |
|
||||
IMAGE=${{ matrix.registry }}/${GITHUB_REPOSITORY,,}
|
||||
TAG=${{ github.ref_name }}
|
||||
SOURCE=${IMAGE}:${TAG}-${GITHUB_SHA:0:7}-${GITHUB_RUN_NUMBER}
|
||||
[[ -f linux-amd64.Dockerfile ]] && AMD64=${SOURCE}-linux-amd64
|
||||
[[ -f linux-arm64.Dockerfile ]] && ARM64=${SOURCE}-linux-arm64
|
||||
[[ -f linux-arm-v7.Dockerfile ]] && ARMV7=${SOURCE}-linux-arm-v7
|
||||
docker manifest create ${IMAGE}:latest ${AMD64} ${ARM64} ${ARMV7}
|
||||
docker manifest push ${IMAGE}:latest
|
||||
name: docker build
|
||||
on:
|
||||
release:
|
||||
types:
|
||||
- released
|
||||
workflow_dispatch:
|
||||
inputs:
|
||||
branch:
|
||||
description: 'Select branch'
|
||||
required: true
|
||||
type: choice
|
||||
options:
|
||||
- master
|
||||
- develop
|
||||
- testing
|
||||
tag:
|
||||
description: 'Append a the tag with "-custom" e.g :develop-custom'
|
||||
push:
|
||||
branches:
|
||||
- develop
|
||||
- testing
|
||||
paths-ignore:
|
||||
- '.github/**'
|
||||
jobs:
|
||||
build-and-push-it-to-the-limit:
|
||||
runs-on: ubuntu-latest
|
||||
strategy:
|
||||
matrix:
|
||||
architecture: [linux-arm-v7,linux-arm64,linux-amd64]
|
||||
steps:
|
||||
- name: checkout
|
||||
uses: actions/checkout@v3.1.0
|
||||
with:
|
||||
fetch-depth: 0
|
||||
- name: Prepare
|
||||
id: prep
|
||||
run: |
|
||||
echo "ARCHITECTURE=${{ matrix.architecture }}" >> $GITHUB_ENV
|
||||
echo "created=$(date -u +'%Y-%m-%dT%H:%M:%SZ')" >> $GITHUB_ENV
|
||||
echo "title=${GITHUB_REPOSITORY,,}:${{ github.ref_name }}" >> $GITHUB_ENV
|
||||
echo "revision=${GITHUB_SHA}" >> $GITHUB_ENV
|
||||
echo "source=${GITHUB_SERVER_URL}/${GITHUB_REPOSITORY,,}/tree/${{ github.ref_name }}" >> $GITHUB_ENV
|
||||
echo "vendor=${{ github.repository_owner }}" >> $GITHUB_ENV
|
||||
echo "url=${GITHUB_SERVER_URL}/${GITHUB_REPOSITORY,,}/blob/master/README.md" >> $GITHUB_ENV
|
||||
echo "VERSION=${{ github.event.release.tag_name }}" >> $GITHUB_ENV
|
||||
echo "platform=${ARCHITECTURE//-/\/}" >> $GITHUB_ENV
|
||||
echo "cache=${GITHUB_REPOSITORY,,}:${{ github.ref_name }}-cache-${{ matrix.architecture }}${{ github.event.inputs.tag }}" >> $GITHUB_ENV
|
||||
echo "tag=${GITHUB_REPOSITORY,,}:${{ github.ref_name }}-${GITHUB_SHA:0:7}-${GITHUB_RUN_NUMBER}-${{ matrix.architecture }}${{ github.event.inputs.tag }}" >> $GITHUB_ENV
|
||||
echo "release=${{ github.event.release.target_commitish }}" >> $GITHUB_ENV
|
||||
|
||||
- name: Set up QEMU
|
||||
uses: docker/setup-qemu-action@v2.1.0
|
||||
|
||||
- name: Set up Docker Buildx
|
||||
id: buildx
|
||||
uses: docker/setup-buildx-action@v2.2.1
|
||||
with:
|
||||
driver-opts: image=moby/buildkit:v0.10.5
|
||||
|
||||
- name: Login to GitHub Container Registry
|
||||
uses: docker/login-action@v2.1.0
|
||||
with:
|
||||
registry: ghcr.io
|
||||
username: ${{ github.repository_owner }}
|
||||
password: ${{ secrets.GH_PAT }}
|
||||
|
||||
- name: build&push
|
||||
uses: docker/build-push-action@v3.2.0
|
||||
with:
|
||||
push: ${{ github.event_name != 'pull_request' }}
|
||||
platforms: ${{ env.platform }}
|
||||
file: ./${{ matrix.architecture }}.Dockerfile
|
||||
cache-from: ghcr.io/${{ env.cache }}
|
||||
cache-to: ghcr.io/${{ env.cache }}
|
||||
tags: |
|
||||
ghcr.io/${{ env.tag }}
|
||||
labels: |
|
||||
org.opencontainers.image.created=${{ env.created }}
|
||||
org.opencontainers.image.title=${{ env.title }}
|
||||
org.opencontainers.image.revision=${{ env.revision }}
|
||||
org.opencontainers.image.source=${{ env.source }}
|
||||
org.opencontainers.image.vendor=${{ env.vendor }}
|
||||
org.opencontainers.image.url=${{ env.url }}
|
||||
org.opencontainers.image.version=${{ env.VERSION }}
|
||||
build-args: |
|
||||
TP_RELEASE=${{ env.VERSION }}
|
||||
BUILD_DATE=${{ env.created }}
|
||||
BUILD_ARCHITECTURE=${{ env.ARCHITECTURE }}
|
||||
|
||||
publish:
|
||||
runs-on: ubuntu-latest
|
||||
strategy:
|
||||
matrix:
|
||||
registry: [ghcr.io]
|
||||
needs: [build-and-push-it-to-the-limit]
|
||||
steps:
|
||||
- name: Checkout
|
||||
uses: actions/checkout@v3.1.0
|
||||
|
||||
- name: Login to GitHub Container Registry
|
||||
if: matrix.registry == 'ghcr.io'
|
||||
uses: docker/login-action@v2.1.0
|
||||
with:
|
||||
registry: ghcr.io
|
||||
username: ${{ github.repository_owner }}
|
||||
password: ${{ secrets.GH_PAT }}
|
||||
|
||||
- name: Create manifests
|
||||
env:
|
||||
DOCKER_CLI_EXPERIMENTAL: enabled
|
||||
run: |
|
||||
IMAGE=${{ matrix.registry }}/${GITHUB_REPOSITORY,,}
|
||||
TAG=${{ github.ref_name }}-${GITHUB_SHA:0:7}-${GITHUB_RUN_NUMBER}
|
||||
SOURCE=${IMAGE}:${TAG}
|
||||
[[ -f linux-amd64.Dockerfile ]] && AMD64=${SOURCE}-linux-amd64${{ github.event.inputs.tag }}
|
||||
[[ -f linux-arm64.Dockerfile ]] && ARM64=${SOURCE}-linux-arm64${{ github.event.inputs.tag }}
|
||||
[[ -f linux-arm-v7.Dockerfile ]] && ARMV7=${SOURCE}-linux-arm-v7${{ github.event.inputs.tag }}
|
||||
docker manifest create ${IMAGE}:${TAG}${{ github.event.inputs.tag }} ${AMD64} ${ARM64} ${ARMV7}
|
||||
docker manifest push ${IMAGE}:${TAG}${{ github.event.inputs.tag }}
|
||||
TAG=${{ github.ref_name }}${{ github.event.inputs.tag }}
|
||||
docker manifest create ${IMAGE}:${TAG} ${AMD64} ${ARM64} ${ARMV7}
|
||||
docker manifest push ${IMAGE}:${TAG}
|
||||
- name: Latest manifest
|
||||
if: github.event.release.target_commitish == 'master' || github.event.inputs.branch == 'master'
|
||||
env:
|
||||
DOCKER_CLI_EXPERIMENTAL: enabled
|
||||
run: |
|
||||
IMAGE=${{ matrix.registry }}/${GITHUB_REPOSITORY,,}
|
||||
TAG=${{ github.ref_name }}
|
||||
SOURCE=${IMAGE}:${TAG}-${GITHUB_SHA:0:7}-${GITHUB_RUN_NUMBER}
|
||||
[[ -f linux-amd64.Dockerfile ]] && AMD64=${SOURCE}-linux-amd64
|
||||
[[ -f linux-arm64.Dockerfile ]] && ARM64=${SOURCE}-linux-arm64
|
||||
[[ -f linux-arm-v7.Dockerfile ]] && ARMV7=${SOURCE}-linux-arm-v7
|
||||
docker manifest create ${IMAGE}:latest ${AMD64} ${ARM64} ${ARMV7}
|
||||
docker manifest push ${IMAGE}:latest
|
||||
|
||||
190
.github/workflows/minify-and-deploy.yml
vendored
190
.github/workflows/minify-and-deploy.yml
vendored
@ -1,96 +1,96 @@
|
||||
name: Minify CSS and deploy to live branch
|
||||
permissions: write-all
|
||||
on:
|
||||
push:
|
||||
branches:
|
||||
- master
|
||||
- develop
|
||||
- testing
|
||||
paths-ignore:
|
||||
- 'docker-mods/**'
|
||||
- '.vscode/**'
|
||||
- '.github/**'
|
||||
workflow_dispatch:
|
||||
inputs:
|
||||
branch:
|
||||
description: 'Select branch'
|
||||
required: true
|
||||
type: choice
|
||||
options:
|
||||
- master
|
||||
- develop
|
||||
- testing
|
||||
jobs:
|
||||
deploy:
|
||||
runs-on: ubuntu-latest
|
||||
steps:
|
||||
- uses: actions/checkout@v4.1.0
|
||||
with:
|
||||
fetch-depth: 0
|
||||
- name: Wrong domain check
|
||||
run: |
|
||||
echo "$(git diff-tree --no-commit-id --name-only -r ${{ github.sha }})"
|
||||
if git grep -q -E ${{ secrets.DOMAIN }} -- *.css; then
|
||||
echo "Game over man!"
|
||||
exit 1
|
||||
fi
|
||||
- name: Set up Python ${{ matrix.python-version }}
|
||||
uses: actions/setup-python@v4.7.0
|
||||
with:
|
||||
python-version: '3.10'
|
||||
- name: Run themes.py
|
||||
run: |
|
||||
python themes.py
|
||||
- name: Minify CSS
|
||||
if: ${{ github.ref == 'refs/heads/master' }}
|
||||
run: |
|
||||
sudo npm install -g minify@7.2.2
|
||||
sudo apt-get update
|
||||
sudo apt-get -y install moreutils
|
||||
|
||||
minify_file(){
|
||||
directory=$1
|
||||
basename=$(basename $directory);
|
||||
extension="${basename##*.}"
|
||||
output="${directory%/*}/"
|
||||
filename="${basename%.*}"
|
||||
output_path="${output}${filename}.${extension}"
|
||||
minify ${directory} | sponge ${output_path}
|
||||
echo "Minified ${directory} > ${output_path}"
|
||||
}
|
||||
|
||||
find ./css -type f -iname *base.css | while read fname
|
||||
do
|
||||
if [[ "$fname" != *"min."* ]]; then
|
||||
minify_file $fname
|
||||
fi
|
||||
done
|
||||
- name: Deploy
|
||||
uses: peaceiris/actions-gh-pages@v3.9.3
|
||||
if: ${{ github.ref == 'refs/heads/master' || github.event.inputs.branch == 'master' }}
|
||||
with:
|
||||
publish_dir: ./
|
||||
publish_branch: live
|
||||
github_token: ${{ secrets.GITHUB_TOKEN }}
|
||||
exclude_assets: ''
|
||||
- name: Deploy Develop
|
||||
uses: peaceiris/actions-gh-pages@v3.9.3
|
||||
if: ${{ github.ref == 'refs/heads/develop' || github.event.inputs.branch == 'develop' }}
|
||||
with:
|
||||
publish_dir: ./
|
||||
publish_branch: live_develop
|
||||
github_token: ${{ secrets.GITHUB_TOKEN }}
|
||||
exclude_assets: ''
|
||||
- name: Deploy Testing
|
||||
uses: peaceiris/actions-gh-pages@v3.9.3
|
||||
if: ${{ github.ref == 'refs/heads/testing' || github.event.inputs.branch == 'testing' }}
|
||||
with:
|
||||
publish_dir: ./
|
||||
publish_branch: live_testing
|
||||
github_token: ${{ secrets.GITHUB_TOKEN }}
|
||||
exclude_assets: ''
|
||||
- name: Clear CF Cache
|
||||
run: |
|
||||
curl -X GET "https://api.cloudflare.com/client/v4/user/tokens/verify" \
|
||||
-H "Authorization: Bearer ${{ secrets.CLOUDFLARE_CACHE_PURGE }}" \
|
||||
name: Minify CSS and deploy to live branch
|
||||
permissions: write-all
|
||||
on:
|
||||
push:
|
||||
branches:
|
||||
- master
|
||||
- develop
|
||||
- testing
|
||||
paths-ignore:
|
||||
- 'docker-mods/**'
|
||||
- '.vscode/**'
|
||||
- '.github/**'
|
||||
workflow_dispatch:
|
||||
inputs:
|
||||
branch:
|
||||
description: 'Select branch'
|
||||
required: true
|
||||
type: choice
|
||||
options:
|
||||
- master
|
||||
- develop
|
||||
- testing
|
||||
jobs:
|
||||
deploy:
|
||||
runs-on: ubuntu-latest
|
||||
steps:
|
||||
- uses: actions/checkout@v4.1.0
|
||||
with:
|
||||
fetch-depth: 0
|
||||
- name: Wrong domain check
|
||||
run: |
|
||||
echo "$(git diff-tree --no-commit-id --name-only -r ${{ github.sha }})"
|
||||
if git grep -q -E ${{ secrets.DOMAIN }} -- *.css; then
|
||||
echo "Game over man!"
|
||||
exit 1
|
||||
fi
|
||||
- name: Set up Python ${{ matrix.python-version }}
|
||||
uses: actions/setup-python@v4.7.0
|
||||
with:
|
||||
python-version: '3.10'
|
||||
- name: Run themes.py
|
||||
run: |
|
||||
python themes.py
|
||||
- name: Minify CSS
|
||||
if: ${{ github.ref == 'refs/heads/master' }}
|
||||
run: |
|
||||
sudo npm install -g minify@7.2.2
|
||||
sudo apt-get update
|
||||
sudo apt-get -y install moreutils
|
||||
|
||||
minify_file(){
|
||||
directory=$1
|
||||
basename=$(basename $directory);
|
||||
extension="${basename##*.}"
|
||||
output="${directory%/*}/"
|
||||
filename="${basename%.*}"
|
||||
output_path="${output}${filename}.${extension}"
|
||||
minify ${directory} | sponge ${output_path}
|
||||
echo "Minified ${directory} > ${output_path}"
|
||||
}
|
||||
|
||||
find ./css -type f -iname *base.css | while read fname
|
||||
do
|
||||
if [[ "$fname" != *"min."* ]]; then
|
||||
minify_file $fname
|
||||
fi
|
||||
done
|
||||
- name: Deploy
|
||||
uses: peaceiris/actions-gh-pages@v3.9.3
|
||||
if: ${{ github.ref == 'refs/heads/master' || github.event.inputs.branch == 'master' }}
|
||||
with:
|
||||
publish_dir: ./
|
||||
publish_branch: live
|
||||
github_token: ${{ secrets.GITHUB_TOKEN }}
|
||||
exclude_assets: ''
|
||||
- name: Deploy Develop
|
||||
uses: peaceiris/actions-gh-pages@v3.9.3
|
||||
if: ${{ github.ref == 'refs/heads/develop' || github.event.inputs.branch == 'develop' }}
|
||||
with:
|
||||
publish_dir: ./
|
||||
publish_branch: live_develop
|
||||
github_token: ${{ secrets.GITHUB_TOKEN }}
|
||||
exclude_assets: ''
|
||||
- name: Deploy Testing
|
||||
uses: peaceiris/actions-gh-pages@v3.9.3
|
||||
if: ${{ github.ref == 'refs/heads/testing' || github.event.inputs.branch == 'testing' }}
|
||||
with:
|
||||
publish_dir: ./
|
||||
publish_branch: live_testing
|
||||
github_token: ${{ secrets.GITHUB_TOKEN }}
|
||||
exclude_assets: ''
|
||||
- name: Clear CF Cache
|
||||
run: |
|
||||
curl -X GET "https://api.cloudflare.com/client/v4/user/tokens/verify" \
|
||||
-H "Authorization: Bearer ${{ secrets.CLOUDFLARE_CACHE_PURGE }}" \
|
||||
-H "Content-Type:application/json"
|
||||
44
LICENSE
44
LICENSE
@ -1,22 +1,22 @@
|
||||
MIT License
|
||||
|
||||
Copyright (c) 2019 GilbN
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
|
||||
MIT License
|
||||
|
||||
Copyright (c) 2019 GilbN
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
[class*="bazarr-"].bazarr-Avatar-image {
|
||||
content: url("/css/addons/bazarr/bazarr-4k-logo/bazarr4k.png");
|
||||
}
|
||||
|
||||
#root>div>header>div>div.bazarr-Group-root[class*="bazarr-"]>div>span:after {
|
||||
content: " 4K";
|
||||
[class*="bazarr-"].bazarr-Avatar-image {
|
||||
content: url("/css/addons/bazarr/bazarr-4k-logo/bazarr4k.png");
|
||||
}
|
||||
|
||||
#root>div>header>div>div.bazarr-Group-root[class*="bazarr-"]>div>span:after {
|
||||
content: " 4K";
|
||||
}
|
||||
@ -1,55 +1,55 @@
|
||||
:root {
|
||||
--main-bg-color: #202020;
|
||||
|
||||
--modal-bg-color: #2a2a2a;
|
||||
--modal-header-color: #2a2a2a;
|
||||
--modal-footer-color: #2a2a2a;
|
||||
|
||||
--drop-down-menu-bg: #333;
|
||||
|
||||
--button-color: #911f93;
|
||||
--button-color-hover: #721873;
|
||||
--button-text: #eee;
|
||||
--button-text-hover: #fff;
|
||||
|
||||
--accent-color: 145, 31, 147;
|
||||
--accent-color-hover: rgb(var(--accent-color), .8);
|
||||
--link-color: #b828bb;
|
||||
--link-color-hover: #911f93;
|
||||
--label-text-color: #eee;
|
||||
|
||||
--text: #ccc;
|
||||
--text-hover: #fff;
|
||||
--text-muted: #999;
|
||||
|
||||
/*Specials*/
|
||||
--arr-queue-color: #6c757d;
|
||||
--side-menu-active: #333333;
|
||||
--side-menu-link-color: #fff;
|
||||
--scroller-hover: #606060;
|
||||
--scroller: #707070;
|
||||
--border-color: #606060;
|
||||
--label-color: #911f93;
|
||||
--label-info: #5d9cec;
|
||||
--header-color: #2a2a2a;
|
||||
--toolbar-background: #262626;
|
||||
--side-menu-color: #2a2a2a;
|
||||
}
|
||||
|
||||
/* HEADER */
|
||||
.bazarr-Header-root[class*="bazarr-"] {
|
||||
background-color: var(--header-color) !important;
|
||||
border-bottom: 1px solid var(--transparency-light-15);
|
||||
}
|
||||
|
||||
/* SIDE MENU */
|
||||
.bazarr-Navbar-root[class*="bazarr-"] {
|
||||
background-color: var(--side-menu-color) !important;
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
#root>div>div>main>div>div.bazarr-Group-root[class*="bazarr-"],
|
||||
#root>div>div>main>div>div>div.bazarr-Group-root[class*="bazarr-"],
|
||||
#root>div>div>main>form>div.bazarr-Group-root[class*="bazarr-"] {
|
||||
background: #262626 !important;
|
||||
:root {
|
||||
--main-bg-color: #202020;
|
||||
|
||||
--modal-bg-color: #2a2a2a;
|
||||
--modal-header-color: #2a2a2a;
|
||||
--modal-footer-color: #2a2a2a;
|
||||
|
||||
--drop-down-menu-bg: #333;
|
||||
|
||||
--button-color: #911f93;
|
||||
--button-color-hover: #721873;
|
||||
--button-text: #eee;
|
||||
--button-text-hover: #fff;
|
||||
|
||||
--accent-color: 145, 31, 147;
|
||||
--accent-color-hover: rgb(var(--accent-color), .8);
|
||||
--link-color: #b828bb;
|
||||
--link-color-hover: #911f93;
|
||||
--label-text-color: #eee;
|
||||
|
||||
--text: #ccc;
|
||||
--text-hover: #fff;
|
||||
--text-muted: #999;
|
||||
|
||||
/*Specials*/
|
||||
--arr-queue-color: #6c757d;
|
||||
--side-menu-active: #333333;
|
||||
--side-menu-link-color: #fff;
|
||||
--scroller-hover: #606060;
|
||||
--scroller: #707070;
|
||||
--border-color: #606060;
|
||||
--label-color: #911f93;
|
||||
--label-info: #5d9cec;
|
||||
--header-color: #2a2a2a;
|
||||
--toolbar-background: #262626;
|
||||
--side-menu-color: #2a2a2a;
|
||||
}
|
||||
|
||||
/* HEADER */
|
||||
.bazarr-Header-root[class*="bazarr-"] {
|
||||
background-color: var(--header-color) !important;
|
||||
border-bottom: 1px solid var(--transparency-light-15);
|
||||
}
|
||||
|
||||
/* SIDE MENU */
|
||||
.bazarr-Navbar-root[class*="bazarr-"] {
|
||||
background-color: var(--side-menu-color) !important;
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
#root>div>div>main>div>div.bazarr-Group-root[class*="bazarr-"],
|
||||
#root>div>div>main>div>div>div.bazarr-Group-root[class*="bazarr-"],
|
||||
#root>div>div>main>form>div.bazarr-Group-root[class*="bazarr-"] {
|
||||
background: #262626 !important;
|
||||
}
|
||||
@ -1,47 +1,47 @@
|
||||
@import url("/css/defaults/servarr-darker-base.css");
|
||||
:root {
|
||||
--main-bg-color: #202020;
|
||||
|
||||
--modal-bg-color: #2a2a2a;
|
||||
--modal-header-color: #2a2a2a;
|
||||
--modal-footer-color: #2a2a2a;
|
||||
|
||||
--drop-down-menu-bg: #333;
|
||||
|
||||
--button-color: #5899eb;
|
||||
--button-color-hover: #4b91ea;
|
||||
--button-text: #eee;
|
||||
--button-text-hover: #fff;
|
||||
|
||||
--accent-color: 0, 166, 91;
|
||||
--accent-color-hover: rgb(0, 166, 91, .8);
|
||||
--link-color: rgb(0, 166, 91);
|
||||
--link-color-hover: rgb(0, 166, 91, .8);
|
||||
--label-text-color: #eee;
|
||||
|
||||
--text: #ccc;
|
||||
--text-hover: #fff;
|
||||
--text-muted: #999;
|
||||
|
||||
/*Specials*/
|
||||
--arr-queue-color: #00a65b;
|
||||
--side-menu-active: #333333;
|
||||
--scroller-hover: #606060;
|
||||
--scroller: #707070;
|
||||
--border-color: #606060;
|
||||
--label-color: #1d563d;
|
||||
--label-info: #5d9cec;
|
||||
--header-color: #2a2a2a;
|
||||
--toolbar-background: #262626;
|
||||
--side-menu-color: #2a2a2a;
|
||||
--side-menu-link-color: #00a65b;
|
||||
}
|
||||
|
||||
/* SEARCH DROP DOWN */
|
||||
|
||||
[class*=ArtistSearchInput-containerOpen-] [class*=ArtistSearchInput-artistContainer-] {
|
||||
border: 1px solid var(--main-bg-color);
|
||||
background-color: var(--main-bg-color);
|
||||
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
|
||||
color: #e1e2e3;
|
||||
@import url("/css/defaults/servarr-darker-base.css");
|
||||
:root {
|
||||
--main-bg-color: #202020;
|
||||
|
||||
--modal-bg-color: #2a2a2a;
|
||||
--modal-header-color: #2a2a2a;
|
||||
--modal-footer-color: #2a2a2a;
|
||||
|
||||
--drop-down-menu-bg: #333;
|
||||
|
||||
--button-color: #5899eb;
|
||||
--button-color-hover: #4b91ea;
|
||||
--button-text: #eee;
|
||||
--button-text-hover: #fff;
|
||||
|
||||
--accent-color: 0, 166, 91;
|
||||
--accent-color-hover: rgb(0, 166, 91, .8);
|
||||
--link-color: rgb(0, 166, 91);
|
||||
--link-color-hover: rgb(0, 166, 91, .8);
|
||||
--label-text-color: #eee;
|
||||
|
||||
--text: #ccc;
|
||||
--text-hover: #fff;
|
||||
--text-muted: #999;
|
||||
|
||||
/*Specials*/
|
||||
--arr-queue-color: #00a65b;
|
||||
--side-menu-active: #333333;
|
||||
--scroller-hover: #606060;
|
||||
--scroller: #707070;
|
||||
--border-color: #606060;
|
||||
--label-color: #1d563d;
|
||||
--label-info: #5d9cec;
|
||||
--header-color: #2a2a2a;
|
||||
--toolbar-background: #262626;
|
||||
--side-menu-color: #2a2a2a;
|
||||
--side-menu-link-color: #00a65b;
|
||||
}
|
||||
|
||||
/* SEARCH DROP DOWN */
|
||||
|
||||
[class*=ArtistSearchInput-containerOpen-] [class*=ArtistSearchInput-artistContainer-] {
|
||||
border: 1px solid var(--main-bg-color);
|
||||
background-color: var(--main-bg-color);
|
||||
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
|
||||
color: #e1e2e3;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@ -1,192 +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);
|
||||
}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
||||
: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;
|
||||
}
|
||||
|
||||
|
||||
@ -1,111 +1,111 @@
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP 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 OVERSEERR SIDE MENU */
|
||||
|
||||
/* APP VARS*/
|
||||
:root {
|
||||
--sidebar-color: #1f2937;
|
||||
--menu-item: #111827;
|
||||
--menu-item-hover: #374151;
|
||||
}
|
||||
|
||||
/* EXTRA CSS */
|
||||
[class*="SourceSidebar-openSidebar-"][class*="SourceSidebar-sidebar-"],
|
||||
[class*="SourceSidebar-sidebar-"] {
|
||||
background: var(--sidebar-color) !important;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
[class*="SourceSidebarLink-isSelected-"]:before {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
[class*="NavBar-container-"] {
|
||||
background: rgb(0 0 0 / 0%) !important;
|
||||
}
|
||||
|
||||
[class*="SourceSidebar-openSidebar-"] [class*="SourceSidebarLink-isSelected-"] {
|
||||
background: var(--menu-item);
|
||||
box-shadow: inset 4px 0 0 0 transparent !important;
|
||||
border-radius: 5px;
|
||||
margin-bottom: 5px;
|
||||
|
||||
}
|
||||
|
||||
[class*="SourceSidebarLink-isSelected-"] [class*="SourceSidebarLink-iconContainer-"],
|
||||
[class*="SourceSidebarLink-isSelected-"] [class*="SourceSidebarLink-title-"] {
|
||||
color: white;
|
||||
}
|
||||
|
||||
[class*="SourceSidebar-openSidebar-"] [class*="SourceSidebarLink-button-"]:hover,
|
||||
[class*="SourceSidebar-openSidebar-"] [class*="SourceSidebarLink-isActive-"] {
|
||||
background: var(--menu-item-hover);
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
[class*="SourceSidebarLink-button-"] {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
[class*="SourceSidebar-expandedSidebar-"][class*="SourceSidebar-sidebar-"] {
|
||||
background: var(--sidebar-color) !important;
|
||||
}
|
||||
|
||||
[class*="SourceSidebar-expandedSidebar-"][class*="SourceSidebar-sidebar-"] [class*="SourceSidebarLink-isSelected-"] {
|
||||
background: var(--menu-item) !important;
|
||||
}
|
||||
|
||||
[class*="SourceSidebarContent-expandedSidebarContent-"],
|
||||
[class*="AllSourcesSidebarContent-container-"] {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
[class*="SourceSidebar-collapsedSidebar-"][class*="SourceSidebar-sidebar-"] [class*="AllSourcesSidebarContent-container-"] {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
[class*="SourceSidebarContent-expandedSidebarContent-"] div {
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
[class*="SourceSidebarContent-expandedSidebarContent-"] div:hover:not([data-qa-id="sidebarMore"] div) {
|
||||
background-color: var(--menu-item-hover);
|
||||
}
|
||||
|
||||
[class*="SourceSidebar-collapsedSidebar-"] [class*="SourceSidebar-sidebar-"] {
|
||||
border-radius: 0px !important;
|
||||
}
|
||||
|
||||
[class*="SourceSidebarContent-expandedSidebarContent-"] [class*="SourceSidebarLink-button-"][class*="SidebarLink-sidebarLink-"][class*="Link-default-"][class*="SourceSidebarLink-small-"][class*="SourceSidebarLink-isSelected-"] {
|
||||
box-shadow: none !important;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
[class*="SourceSidebar-collapsedSidebar-"][class*="SourceSidebar-sidebar-"] [class*="SourceSidebarItem-button-"][class*="SourceSidebarLink-button-"][class*="SidebarLink-sidebarLink-"][class*="Link-default-"][class*="SourceSidebarLink-small-"][class*="SourceSidebarItem-isSelected-"][class*="SourceSidebarLink-isSelected-"] {
|
||||
box-shadow: inset 4px 0 0 0 rgb(var(--accent-color)) !important;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
[class*="SourceSidebarLink-button-"][class*="SidebarLink-sidebarLink-"][class*="Link-default-"][class*="SourceSidebarLink-small-"][class*="SourceSidebarLink-isSelected-"]:hover {
|
||||
box-shadow: none !important;
|
||||
background: var(--menu-item-hover) !important;
|
||||
}
|
||||
|
||||
[class*="SourceSidebar-collapsedSidebar-"][class*="SourceSidebarLink-button-"][class*="SidebarLink-sidebarLink-"][class*="Link-default-"][class*="SourceSidebarLink-small-"][class*="SourceSidebarLink-isSelected-"]:hover {
|
||||
box-shadow: inset 4px 0 0 0 rgb(var(--accent-color)) !important;
|
||||
}
|
||||
|
||||
[class*="SourceSidebarLink-sourceLink-"]:hover [class*="SourceSidebarLink-iconContainer-"],
|
||||
[class*="SourceSidebarLink-sourceLink-"]:hover [class*="SourceSidebarLink-title-"] {
|
||||
color: white;
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP 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 OVERSEERR SIDE MENU */
|
||||
|
||||
/* APP VARS*/
|
||||
:root {
|
||||
--sidebar-color: #1f2937;
|
||||
--menu-item: #111827;
|
||||
--menu-item-hover: #374151;
|
||||
}
|
||||
|
||||
/* EXTRA CSS */
|
||||
[class*="SourceSidebar-openSidebar-"][class*="SourceSidebar-sidebar-"],
|
||||
[class*="SourceSidebar-sidebar-"] {
|
||||
background: var(--sidebar-color) !important;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
[class*="SourceSidebarLink-isSelected-"]:before {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
[class*="NavBar-container-"] {
|
||||
background: rgb(0 0 0 / 0%) !important;
|
||||
}
|
||||
|
||||
[class*="SourceSidebar-openSidebar-"] [class*="SourceSidebarLink-isSelected-"] {
|
||||
background: var(--menu-item);
|
||||
box-shadow: inset 4px 0 0 0 transparent !important;
|
||||
border-radius: 5px;
|
||||
margin-bottom: 5px;
|
||||
|
||||
}
|
||||
|
||||
[class*="SourceSidebarLink-isSelected-"] [class*="SourceSidebarLink-iconContainer-"],
|
||||
[class*="SourceSidebarLink-isSelected-"] [class*="SourceSidebarLink-title-"] {
|
||||
color: white;
|
||||
}
|
||||
|
||||
[class*="SourceSidebar-openSidebar-"] [class*="SourceSidebarLink-button-"]:hover,
|
||||
[class*="SourceSidebar-openSidebar-"] [class*="SourceSidebarLink-isActive-"] {
|
||||
background: var(--menu-item-hover);
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
[class*="SourceSidebarLink-button-"] {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
[class*="SourceSidebar-expandedSidebar-"][class*="SourceSidebar-sidebar-"] {
|
||||
background: var(--sidebar-color) !important;
|
||||
}
|
||||
|
||||
[class*="SourceSidebar-expandedSidebar-"][class*="SourceSidebar-sidebar-"] [class*="SourceSidebarLink-isSelected-"] {
|
||||
background: var(--menu-item) !important;
|
||||
}
|
||||
|
||||
[class*="SourceSidebarContent-expandedSidebarContent-"],
|
||||
[class*="AllSourcesSidebarContent-container-"] {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
[class*="SourceSidebar-collapsedSidebar-"][class*="SourceSidebar-sidebar-"] [class*="AllSourcesSidebarContent-container-"] {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
[class*="SourceSidebarContent-expandedSidebarContent-"] div {
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
[class*="SourceSidebarContent-expandedSidebarContent-"] div:hover:not([data-qa-id="sidebarMore"] div) {
|
||||
background-color: var(--menu-item-hover);
|
||||
}
|
||||
|
||||
[class*="SourceSidebar-collapsedSidebar-"] [class*="SourceSidebar-sidebar-"] {
|
||||
border-radius: 0px !important;
|
||||
}
|
||||
|
||||
[class*="SourceSidebarContent-expandedSidebarContent-"] [class*="SourceSidebarLink-button-"][class*="SidebarLink-sidebarLink-"][class*="Link-default-"][class*="SourceSidebarLink-small-"][class*="SourceSidebarLink-isSelected-"] {
|
||||
box-shadow: none !important;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
[class*="SourceSidebar-collapsedSidebar-"][class*="SourceSidebar-sidebar-"] [class*="SourceSidebarItem-button-"][class*="SourceSidebarLink-button-"][class*="SidebarLink-sidebarLink-"][class*="Link-default-"][class*="SourceSidebarLink-small-"][class*="SourceSidebarItem-isSelected-"][class*="SourceSidebarLink-isSelected-"] {
|
||||
box-shadow: inset 4px 0 0 0 rgb(var(--accent-color)) !important;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
[class*="SourceSidebarLink-button-"][class*="SidebarLink-sidebarLink-"][class*="Link-default-"][class*="SourceSidebarLink-small-"][class*="SourceSidebarLink-isSelected-"]:hover {
|
||||
box-shadow: none !important;
|
||||
background: var(--menu-item-hover) !important;
|
||||
}
|
||||
|
||||
[class*="SourceSidebar-collapsedSidebar-"][class*="SourceSidebarLink-button-"][class*="SidebarLink-sidebarLink-"][class*="Link-default-"][class*="SourceSidebarLink-small-"][class*="SourceSidebarLink-isSelected-"]:hover {
|
||||
box-shadow: inset 4px 0 0 0 rgb(var(--accent-color)) !important;
|
||||
}
|
||||
|
||||
[class*="SourceSidebarLink-sourceLink-"]:hover [class*="SourceSidebarLink-iconContainer-"],
|
||||
[class*="SourceSidebarLink-sourceLink-"]:hover [class*="SourceSidebarLink-title-"] {
|
||||
color: white;
|
||||
}
|
||||
@ -1,12 +1,12 @@
|
||||
[class*="NavBar-plexLogo-"] {
|
||||
background-image: url("/css/addons/plex/plex-alt-logo/SeekPng.com_your-logo-here-png_2467553.png");
|
||||
background-position: 50%;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
margin: 0 10px;
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
[class*="NavBar-plexLogo-"] svg {
|
||||
display: none;
|
||||
[class*="NavBar-plexLogo-"] {
|
||||
background-image: url("/css/addons/plex/plex-alt-logo/SeekPng.com_your-logo-here-png_2467553.png");
|
||||
background-position: 50%;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
margin: 0 10px;
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
[class*="NavBar-plexLogo-"] svg {
|
||||
display: none;
|
||||
}
|
||||
@ -1,55 +1,55 @@
|
||||
@import url("/css/defaults/servarr-darker-base.css");
|
||||
:root {
|
||||
--main-bg-color: #202020;
|
||||
|
||||
--modal-bg-color: #2a2a2a;
|
||||
--modal-header-color: #2a2a2a;
|
||||
--modal-footer-color: #2a2a2a;
|
||||
|
||||
--drop-down-menu-bg: #333;
|
||||
|
||||
--button-color: #5899eb;
|
||||
--button-color-hover: #4b91ea;
|
||||
--button-text: #eee;
|
||||
--button-text-hover: #fff;
|
||||
|
||||
--accent-color: 230, 96, 0;
|
||||
--accent-color-hover: rgb(var(--accent-color),.8);
|
||||
--link-color: rgb(230, 96, 0);
|
||||
--link-color-hover: rgb(230, 96, 0, .8);
|
||||
--label-text-color: #eee;
|
||||
|
||||
--text: #ccc;
|
||||
--text-hover: #fff;
|
||||
--text-muted: #999;
|
||||
|
||||
/*Specials*/
|
||||
--arr-queue-color: #5d9cec;
|
||||
--side-menu-active: #333333;
|
||||
--scroller-hover: #606060;
|
||||
--scroller: #707070;
|
||||
--border-color: #606060;
|
||||
--label-color: #e66000;
|
||||
--label-info: #5d9cec;
|
||||
--header-color: #2a2a2a;
|
||||
--toolbar-background: #262626;
|
||||
--side-menu-color: #2a2a2a;
|
||||
--side-menu-link-color: #e66000;
|
||||
}
|
||||
|
||||
|
||||
/* SEARCH DROP DOWN */
|
||||
[class*=IndexerSearchInput-containerOpen-] [class*=IndexerSearchInput-movieContainer-] {
|
||||
border: 1px solid var(--drop-down-menu-bg);
|
||||
background-color: var(--drop-down-menu-bg);
|
||||
box-shadow: none;
|
||||
color: #e1e2e3;
|
||||
}
|
||||
|
||||
canvas {
|
||||
filter: none !important
|
||||
}
|
||||
|
||||
[class*="Stats-fullWidthChart-"], [class*="Stats-halfWidthChart-"] {
|
||||
background: transparent !important;
|
||||
}
|
||||
@import url("/css/defaults/servarr-darker-base.css");
|
||||
:root {
|
||||
--main-bg-color: #202020;
|
||||
|
||||
--modal-bg-color: #2a2a2a;
|
||||
--modal-header-color: #2a2a2a;
|
||||
--modal-footer-color: #2a2a2a;
|
||||
|
||||
--drop-down-menu-bg: #333;
|
||||
|
||||
--button-color: #5899eb;
|
||||
--button-color-hover: #4b91ea;
|
||||
--button-text: #eee;
|
||||
--button-text-hover: #fff;
|
||||
|
||||
--accent-color: 230, 96, 0;
|
||||
--accent-color-hover: rgb(var(--accent-color),.8);
|
||||
--link-color: rgb(230, 96, 0);
|
||||
--link-color-hover: rgb(230, 96, 0, .8);
|
||||
--label-text-color: #eee;
|
||||
|
||||
--text: #ccc;
|
||||
--text-hover: #fff;
|
||||
--text-muted: #999;
|
||||
|
||||
/*Specials*/
|
||||
--arr-queue-color: #5d9cec;
|
||||
--side-menu-active: #333333;
|
||||
--scroller-hover: #606060;
|
||||
--scroller: #707070;
|
||||
--border-color: #606060;
|
||||
--label-color: #e66000;
|
||||
--label-info: #5d9cec;
|
||||
--header-color: #2a2a2a;
|
||||
--toolbar-background: #262626;
|
||||
--side-menu-color: #2a2a2a;
|
||||
--side-menu-link-color: #e66000;
|
||||
}
|
||||
|
||||
|
||||
/* SEARCH DROP DOWN */
|
||||
[class*=IndexerSearchInput-containerOpen-] [class*=IndexerSearchInput-movieContainer-] {
|
||||
border: 1px solid var(--drop-down-menu-bg);
|
||||
background-color: var(--drop-down-menu-bg);
|
||||
box-shadow: none;
|
||||
color: #e1e2e3;
|
||||
}
|
||||
|
||||
canvas {
|
||||
filter: none !important
|
||||
}
|
||||
|
||||
[class*="Stats-fullWidthChart-"], [class*="Stats-halfWidthChart-"] {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
@ -1,27 +1,27 @@
|
||||
@media (min-width: 752px) {
|
||||
[class*="PageHeader-logoFull-"] {
|
||||
content: url("/css/addons/radarr/radarr-4k-logo/radarr4k-v3.png");
|
||||
margin-left: 15px;
|
||||
width: 120px;
|
||||
height: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
[class*="PageHeader-logo-"] {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
margin-left: 0px;
|
||||
content: url("/css/addons/radarr/radarr-4k-logo/radarr-v3-mobile.png");
|
||||
}
|
||||
}
|
||||
|
||||
[class*="LoadingPage-logoFull-"] {
|
||||
content: url("/css/addons/radarr/radarr-4k-logo/radarr4k-v3.png");
|
||||
margin-top: 50px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
width: 120px;
|
||||
height: 40px;
|
||||
opacity: 1;
|
||||
@media (min-width: 752px) {
|
||||
[class*="PageHeader-logoFull-"] {
|
||||
content: url("/css/addons/radarr/radarr-4k-logo/radarr4k-v3.png");
|
||||
margin-left: 15px;
|
||||
width: 120px;
|
||||
height: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
[class*="PageHeader-logo-"] {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
margin-left: 0px;
|
||||
content: url("/css/addons/radarr/radarr-4k-logo/radarr-v3-mobile.png");
|
||||
}
|
||||
}
|
||||
|
||||
[class*="LoadingPage-logoFull-"] {
|
||||
content: url("/css/addons/radarr/radarr-4k-logo/radarr4k-v3.png");
|
||||
margin-top: 50px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
width: 120px;
|
||||
height: 40px;
|
||||
opacity: 1;
|
||||
}
|
||||
@ -1,54 +1,54 @@
|
||||
@import url("/css/defaults/servarr-darker-base.css");
|
||||
:root {
|
||||
--main-bg-color: #202020;
|
||||
|
||||
--modal-bg-color: #2a2a2a;
|
||||
--modal-header-color: #2a2a2a;
|
||||
--modal-footer-color: #2a2a2a;
|
||||
|
||||
--drop-down-menu-bg: #333;
|
||||
|
||||
--button-color: #5899eb;
|
||||
--button-color-hover: #4b91ea;
|
||||
--button-text: #eee;
|
||||
--button-text-hover: #fff;
|
||||
|
||||
--accent-color: 255, 194, 48;
|
||||
--accent-color-hover: rgba(255, 194, 48, 0.8);
|
||||
--link-color: #ffc230;
|
||||
--link-color-hover: rgb(255, 194, 48, .8);
|
||||
--label-text-color: #2f2f2f;
|
||||
|
||||
--text: #ccc;
|
||||
--text-hover: #fff;
|
||||
--text-muted: #999;
|
||||
|
||||
/*Specials*/
|
||||
--arr-queue-color: #5d9cec;
|
||||
--side-menu-active: #333333;
|
||||
--scroller-hover: #606060;
|
||||
--scroller: #707070;
|
||||
--border-color: #606060;
|
||||
--label-color: #ffc230;
|
||||
--label-info: #5d9cec;
|
||||
--header-color: #2a2a2a;
|
||||
--toolbar-background: #262626;
|
||||
--side-menu-color: #2a2a2a;
|
||||
--side-menu-link-color: #ffc230;
|
||||
}
|
||||
|
||||
/* SEARCH DROP DOWN */
|
||||
|
||||
[class*="MovieSearchInput-containerOpen-"] [class*="MovieSearchInput-movieContainer-"] {
|
||||
border: 1px solid var(--drop-down-menu-bg);
|
||||
background-color: var(--drop-down-menu-bg);
|
||||
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
|
||||
color: #e1e2e3;
|
||||
}
|
||||
|
||||
/* SERIES PAGE */
|
||||
|
||||
[class*="MovieIndexPoster-controls-"] {
|
||||
background-color: var(--label-color) !important;
|
||||
color: var(--label-text-color) !important;
|
||||
@import url("/css/defaults/servarr-darker-base.css");
|
||||
:root {
|
||||
--main-bg-color: #202020;
|
||||
|
||||
--modal-bg-color: #2a2a2a;
|
||||
--modal-header-color: #2a2a2a;
|
||||
--modal-footer-color: #2a2a2a;
|
||||
|
||||
--drop-down-menu-bg: #333;
|
||||
|
||||
--button-color: #5899eb;
|
||||
--button-color-hover: #4b91ea;
|
||||
--button-text: #eee;
|
||||
--button-text-hover: #fff;
|
||||
|
||||
--accent-color: 255, 194, 48;
|
||||
--accent-color-hover: rgba(255, 194, 48, 0.8);
|
||||
--link-color: #ffc230;
|
||||
--link-color-hover: rgb(255, 194, 48, .8);
|
||||
--label-text-color: #2f2f2f;
|
||||
|
||||
--text: #ccc;
|
||||
--text-hover: #fff;
|
||||
--text-muted: #999;
|
||||
|
||||
/*Specials*/
|
||||
--arr-queue-color: #5d9cec;
|
||||
--side-menu-active: #333333;
|
||||
--scroller-hover: #606060;
|
||||
--scroller: #707070;
|
||||
--border-color: #606060;
|
||||
--label-color: #ffc230;
|
||||
--label-info: #5d9cec;
|
||||
--header-color: #2a2a2a;
|
||||
--toolbar-background: #262626;
|
||||
--side-menu-color: #2a2a2a;
|
||||
--side-menu-link-color: #ffc230;
|
||||
}
|
||||
|
||||
/* SEARCH DROP DOWN */
|
||||
|
||||
[class*="MovieSearchInput-containerOpen-"] [class*="MovieSearchInput-movieContainer-"] {
|
||||
border: 1px solid var(--drop-down-menu-bg);
|
||||
background-color: var(--drop-down-menu-bg);
|
||||
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
|
||||
color: #e1e2e3;
|
||||
}
|
||||
|
||||
/* SERIES PAGE */
|
||||
|
||||
[class*="MovieIndexPoster-controls-"] {
|
||||
background-color: var(--label-color) !important;
|
||||
color: var(--label-text-color) !important;
|
||||
}
|
||||
@ -1,16 +1,16 @@
|
||||
@media (min-width: 752px) {
|
||||
[class*="PageHeader-logo-"] {
|
||||
content: url("/css/addons/readarr/readarr-alt-logo/readarr_alt.png");
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
[class*="PageHeader-logo-"] {
|
||||
content: url("/css/addons/readarr/readarr-alt-logo/readarr_alt.png");
|
||||
}
|
||||
}
|
||||
|
||||
[class*="LoadingPage-logoFull-"] {
|
||||
content: url("/css/addons/readarr/readarr-alt-logo/readarr_alt.png");
|
||||
opacity: 1;
|
||||
@media (min-width: 752px) {
|
||||
[class*="PageHeader-logo-"] {
|
||||
content: url("/css/addons/readarr/readarr-alt-logo/readarr_alt.png");
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
[class*="PageHeader-logo-"] {
|
||||
content: url("/css/addons/readarr/readarr-alt-logo/readarr_alt.png");
|
||||
}
|
||||
}
|
||||
|
||||
[class*="LoadingPage-logoFull-"] {
|
||||
content: url("/css/addons/readarr/readarr-alt-logo/readarr_alt.png");
|
||||
opacity: 1;
|
||||
}
|
||||
@ -1,3 +1,3 @@
|
||||
Headphone Icon svg made by monkik from www.flaticon.com
|
||||
|
||||
Headphone Icon svg made by monkik from www.flaticon.com
|
||||
|
||||
https://www.flaticon.com/free-icon/music_2503487?term=headset&related_id=2503487
|
||||
@ -1,45 +1,45 @@
|
||||
@import url("/css/defaults/servarr-darker-base.css");
|
||||
:root {
|
||||
--main-bg-color: #202020;
|
||||
|
||||
--modal-bg-color: #2a2a2a;
|
||||
--modal-header-color: #2a2a2a;
|
||||
--modal-footer-color: #2a2a2a;
|
||||
|
||||
--drop-down-menu-bg: #333;
|
||||
|
||||
--button-color: #5899eb;
|
||||
--button-color-hover: #4b91ea;
|
||||
--button-text: #eee;
|
||||
--button-text-hover: #fff;
|
||||
|
||||
--accent-color: 202, 48, 45;
|
||||
--accent-color-hover: rgb(var(--accent-color), .8);
|
||||
--link-color: rgb(93, 156, 236);
|
||||
--link-color-hover: rgb(93, 156, 236, .8);
|
||||
--label-text-color: #eee;
|
||||
|
||||
--text: #ccc;
|
||||
--text-hover: #fff;
|
||||
--text-muted: #999;
|
||||
|
||||
/*Specials*/
|
||||
--arr-queue-color: #5d9cec;
|
||||
--side-menu-active: #333333;
|
||||
--scroller-hover: #606060;
|
||||
--scroller: #707070;
|
||||
--border-color: #606060;
|
||||
--label-color: #810020;
|
||||
--label-info: #5d9cec;
|
||||
--header-color: #2a2a2a;
|
||||
--toolbar-background: #262626;
|
||||
--side-menu-color: #2a2a2a;
|
||||
--side-menu-link-color: #ca302d;
|
||||
}
|
||||
|
||||
/* AUTHOR PAGE */
|
||||
|
||||
[class*="AuthorDetailsHeader-headerContent-"], [class*="BookDetailsHeader-headerContent-"] {
|
||||
color: var(--text);
|
||||
background: var(--main-bg-color);
|
||||
@import url("/css/defaults/servarr-darker-base.css");
|
||||
:root {
|
||||
--main-bg-color: #202020;
|
||||
|
||||
--modal-bg-color: #2a2a2a;
|
||||
--modal-header-color: #2a2a2a;
|
||||
--modal-footer-color: #2a2a2a;
|
||||
|
||||
--drop-down-menu-bg: #333;
|
||||
|
||||
--button-color: #5899eb;
|
||||
--button-color-hover: #4b91ea;
|
||||
--button-text: #eee;
|
||||
--button-text-hover: #fff;
|
||||
|
||||
--accent-color: 202, 48, 45;
|
||||
--accent-color-hover: rgb(var(--accent-color), .8);
|
||||
--link-color: rgb(93, 156, 236);
|
||||
--link-color-hover: rgb(93, 156, 236, .8);
|
||||
--label-text-color: #eee;
|
||||
|
||||
--text: #ccc;
|
||||
--text-hover: #fff;
|
||||
--text-muted: #999;
|
||||
|
||||
/*Specials*/
|
||||
--arr-queue-color: #5d9cec;
|
||||
--side-menu-active: #333333;
|
||||
--scroller-hover: #606060;
|
||||
--scroller: #707070;
|
||||
--border-color: #606060;
|
||||
--label-color: #810020;
|
||||
--label-info: #5d9cec;
|
||||
--header-color: #2a2a2a;
|
||||
--toolbar-background: #262626;
|
||||
--side-menu-color: #2a2a2a;
|
||||
--side-menu-link-color: #ca302d;
|
||||
}
|
||||
|
||||
/* AUTHOR PAGE */
|
||||
|
||||
[class*="AuthorDetailsHeader-headerContent-"], [class*="BookDetailsHeader-headerContent-"] {
|
||||
color: var(--text);
|
||||
background: var(--main-bg-color);
|
||||
}
|
||||
@ -1,16 +1,16 @@
|
||||
@media (min-width: 752px) {
|
||||
[class*="PageHeader-logo-"] {
|
||||
content: url("/css/addons/sonarr/sonarr-4k-logo/sonarr-4k.png");
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
[class*="PageHeader-logo-"] {
|
||||
content: url("/css/addons/sonarr/sonarr-4k-logo/sonarr-4k.png");
|
||||
}
|
||||
}
|
||||
|
||||
[class*="LoadingPage-logoFull-"] {
|
||||
content: url("/css/addons/sonarr/sonarr-4k-logo/sonarr-4k.png");
|
||||
opacity: 1;
|
||||
@media (min-width: 752px) {
|
||||
[class*="PageHeader-logo-"] {
|
||||
content: url("/css/addons/sonarr/sonarr-4k-logo/sonarr-4k.png");
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
[class*="PageHeader-logo-"] {
|
||||
content: url("/css/addons/sonarr/sonarr-4k-logo/sonarr-4k.png");
|
||||
}
|
||||
}
|
||||
|
||||
[class*="LoadingPage-logoFull-"] {
|
||||
content: url("/css/addons/sonarr/sonarr-4k-logo/sonarr-4k.png");
|
||||
opacity: 1;
|
||||
}
|
||||
@ -1,72 +1,72 @@
|
||||
@import url("/css/defaults/servarr-darker-base.css");
|
||||
:root {
|
||||
--main-bg-color: #202020;
|
||||
|
||||
--modal-bg-color: #2a2a2a;
|
||||
--modal-header-color: #2a2a2a;
|
||||
--modal-footer-color: #2a2a2a;
|
||||
|
||||
--drop-down-menu-bg: #333;
|
||||
|
||||
--button-color: #5899eb;
|
||||
--button-color-hover: #3483e7;
|
||||
--button-text: #eee;
|
||||
--button-text-hover: #fff;
|
||||
|
||||
--accent-color: 53, 197, 244;
|
||||
--accent-color-hover: rgb(33, 147, 181);
|
||||
--link-color: #35c5f4;
|
||||
--link-color-hover: rgb(53, 197, 244, .8);
|
||||
--label-text-color: #272a36;
|
||||
|
||||
--text: #ccc;
|
||||
--text-hover: #fff;
|
||||
--text-muted: #bebebe;
|
||||
|
||||
/*Specials*/
|
||||
--arr-queue-color: #35c5f4;
|
||||
--side-menu-active: #333333;
|
||||
--scroller-hover: #606060;
|
||||
--scroller: #707070;
|
||||
--border-color: #606060;
|
||||
--label-color: #35c5f4;
|
||||
--label-info: #5d9cec;
|
||||
--header-color: #2a2a2a;
|
||||
--toolbar-background: #262626;
|
||||
--side-menu-color: #2a2a2a;
|
||||
--side-menu-link-color: #35c5f4;
|
||||
}
|
||||
/* SCROLLER */
|
||||
[class*=ImportSeriesSelectSeries-results-]::-webkit-scrollbar-thumb:hover,
|
||||
[class*=OverlayScroller-thumb-]:hover {
|
||||
background-color: var(--scroller-hover) !important;
|
||||
}
|
||||
|
||||
[class*="OverlayScroller-thumb-"],
|
||||
[class*=Scroller-scroller-]::-webkit-scrollbar-thumb {
|
||||
background-color: var(--scroller) !important;
|
||||
}
|
||||
|
||||
/* SEARCH DROP DOWN */
|
||||
[class*="SeriesSearchInput-containerOpen-"] [class*="SeriesSearchInput-seriesContainer-"] {
|
||||
border: 1px solid var(--drop-down-menu-bg);
|
||||
background-color: var(--drop-down-menu-bg);
|
||||
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
|
||||
color: #e1e2e3;
|
||||
}
|
||||
|
||||
/* SERIES PAGE */
|
||||
[class*="SeriesIndexPoster-controls-"] {
|
||||
background-color: var(--label-color) !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
[class*="SeriesIndexPoster-posterContainer-"]>span>button {
|
||||
background-color: transparent;
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
[class*="SeriesIndexPoster-action-"]:hover,
|
||||
[class*=SeriesIndexPoster-action-] .fa-search:hover {
|
||||
color: #ccc !important;
|
||||
@import url("/css/defaults/servarr-darker-base.css");
|
||||
:root {
|
||||
--main-bg-color: #202020;
|
||||
|
||||
--modal-bg-color: #2a2a2a;
|
||||
--modal-header-color: #2a2a2a;
|
||||
--modal-footer-color: #2a2a2a;
|
||||
|
||||
--drop-down-menu-bg: #333;
|
||||
|
||||
--button-color: #5899eb;
|
||||
--button-color-hover: #3483e7;
|
||||
--button-text: #eee;
|
||||
--button-text-hover: #fff;
|
||||
|
||||
--accent-color: 53, 197, 244;
|
||||
--accent-color-hover: rgb(33, 147, 181);
|
||||
--link-color: #35c5f4;
|
||||
--link-color-hover: rgb(53, 197, 244, .8);
|
||||
--label-text-color: #272a36;
|
||||
|
||||
--text: #ccc;
|
||||
--text-hover: #fff;
|
||||
--text-muted: #bebebe;
|
||||
|
||||
/*Specials*/
|
||||
--arr-queue-color: #35c5f4;
|
||||
--side-menu-active: #333333;
|
||||
--scroller-hover: #606060;
|
||||
--scroller: #707070;
|
||||
--border-color: #606060;
|
||||
--label-color: #35c5f4;
|
||||
--label-info: #5d9cec;
|
||||
--header-color: #2a2a2a;
|
||||
--toolbar-background: #262626;
|
||||
--side-menu-color: #2a2a2a;
|
||||
--side-menu-link-color: #35c5f4;
|
||||
}
|
||||
/* SCROLLER */
|
||||
[class*=ImportSeriesSelectSeries-results-]::-webkit-scrollbar-thumb:hover,
|
||||
[class*=OverlayScroller-thumb-]:hover {
|
||||
background-color: var(--scroller-hover) !important;
|
||||
}
|
||||
|
||||
[class*="OverlayScroller-thumb-"],
|
||||
[class*=Scroller-scroller-]::-webkit-scrollbar-thumb {
|
||||
background-color: var(--scroller) !important;
|
||||
}
|
||||
|
||||
/* SEARCH DROP DOWN */
|
||||
[class*="SeriesSearchInput-containerOpen-"] [class*="SeriesSearchInput-seriesContainer-"] {
|
||||
border: 1px solid var(--drop-down-menu-bg);
|
||||
background-color: var(--drop-down-menu-bg);
|
||||
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
|
||||
color: #e1e2e3;
|
||||
}
|
||||
|
||||
/* SERIES PAGE */
|
||||
[class*="SeriesIndexPoster-controls-"] {
|
||||
background-color: var(--label-color) !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
[class*="SeriesIndexPoster-posterContainer-"]>span>button {
|
||||
background-color: transparent;
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
[class*="SeriesIndexPoster-action-"]:hover,
|
||||
[class*=SeriesIndexPoster-action-] .fa-search:hover {
|
||||
color: #ccc !important;
|
||||
}
|
||||
@ -1,245 +1,245 @@
|
||||
@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;
|
||||
}
|
||||
@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;
|
||||
}
|
||||
|
||||
@ -1,22 +1,22 @@
|
||||
@import url("/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(/css/addons/unraid/login-page/alien/wallpaper/hallway2.jpg) center center/cover no-repeat fixed;
|
||||
--logo: url(/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;
|
||||
@import url("/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(/css/addons/unraid/login-page/alien/wallpaper/hallway2.jpg) center center/cover no-repeat fixed;
|
||||
--logo: url(/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;
|
||||
}
|
||||
@ -1,22 +1,22 @@
|
||||
@import url("/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(/css/addons/unraid/login-page/alien/wallpaper/hallway.jpg) center center/cover no-repeat fixed;
|
||||
--logo: url(/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;
|
||||
@import url("/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(/css/addons/unraid/login-page/alien/wallpaper/hallway.jpg) center center/cover no-repeat fixed;
|
||||
--logo: url(/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;
|
||||
}
|
||||
@ -1,22 +1,22 @@
|
||||
@import url("/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(/css/addons/unraid/login-page/alien/wallpaper/hallway2.jpg) center center/cover no-repeat fixed;
|
||||
--logo: url(/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;
|
||||
@import url("/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(/css/addons/unraid/login-page/alien/wallpaper/hallway2.jpg) center center/cover no-repeat fixed;
|
||||
--logo: url(/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;
|
||||
}
|
||||
@ -1,22 +1,22 @@
|
||||
@import url("/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(/css/addons/unraid/login-page/alien/wallpaper/hallway3.jpg) center center/cover no-repeat fixed;
|
||||
--logo: url(/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;
|
||||
@import url("/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(/css/addons/unraid/login-page/alien/wallpaper/hallway3.jpg) center center/cover no-repeat fixed;
|
||||
--logo: url(/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;
|
||||
}
|
||||
@ -1,22 +1,22 @@
|
||||
@import url("/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(/css/addons/unraid/login-page/alien/wallpaper/hallway4.jpg) center center/cover no-repeat fixed;
|
||||
--logo: url(/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;
|
||||
@import url("/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(/css/addons/unraid/login-page/alien/wallpaper/hallway4.jpg) center center/cover no-repeat fixed;
|
||||
--logo: url(/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;
|
||||
}
|
||||
@ -1,22 +1,22 @@
|
||||
@import url("/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(/css/addons/unraid/login-page/alien/wallpaper/isolation.png) center center/cover no-repeat fixed;
|
||||
--logo: url(/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;
|
||||
@import url("/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(/css/addons/unraid/login-page/alien/wallpaper/isolation.png) center center/cover no-repeat fixed;
|
||||
--logo: url(/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;
|
||||
}
|
||||
@ -1,21 +1,21 @@
|
||||
@import url("/css/addons/unraid/login-page/alien/alien-base.css");
|
||||
:root {
|
||||
--main-bg: transparent;
|
||||
--logo: url(/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;
|
||||
@import url("/css/addons/unraid/login-page/alien/alien-base.css");
|
||||
:root {
|
||||
--main-bg: transparent;
|
||||
--logo: url(/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;
|
||||
}
|
||||
@ -1,6 +1,6 @@
|
||||
// Adds a video background
|
||||
|
||||
let video = `
|
||||
<div class="background-wrap"><video id="video-bg-elem" preload="auto" autoplay="true" loop="loop" muted="muted"> <source src="https:\/\/gilbn.github.io\/theme.park\/css\/addons\/unraid\/login-page\/alien\/video\/isolation.mp4" type="video\/mp4">Video not supported</video></div>
|
||||
`
|
||||
// Adds a video background
|
||||
|
||||
let video = `
|
||||
<div class="background-wrap"><video id="video-bg-elem" preload="auto" autoplay="true" loop="loop" muted="muted"> <source src="https:\/\/gilbn.github.io\/theme.park\/css\/addons\/unraid\/login-page\/alien\/video\/isolation.mp4" type="video\/mp4">Video not supported</video></div>
|
||||
`
|
||||
document.body.innerHTML += video
|
||||
@ -1,22 +1,22 @@
|
||||
@import url("/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(/css/addons/unraid/login-page/alien/wallpaper/nightmare.png) center center/cover no-repeat fixed;
|
||||
--logo: url(/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;
|
||||
@import url("/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(/css/addons/unraid/login-page/alien/wallpaper/nightmare.png) center center/cover no-repeat fixed;
|
||||
--logo: url(/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;
|
||||
}
|
||||
@ -1,22 +1,22 @@
|
||||
@import url("/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(/css/addons/unraid/login-page/alien/wallpaper/scanner.jpg) center center/cover no-repeat fixed;
|
||||
--logo: url(/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;
|
||||
@import url("/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(/css/addons/unraid/login-page/alien/wallpaper/scanner.jpg) center center/cover no-repeat fixed;
|
||||
--logo: url(/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;
|
||||
}
|
||||
@ -1,218 +1,218 @@
|
||||
@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(/css/addons/unraid/login-page/fallout/wallpaper/rocky-wall.png), url(/css/addons/unraid/login-page/fallout/wallpaper/6Ua3u8.jpg) center center/cover no-repeat fixed;
|
||||
--logo: url(/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;
|
||||
}
|
||||
@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(/css/addons/unraid/login-page/fallout/wallpaper/rocky-wall.png), url(/css/addons/unraid/login-page/fallout/wallpaper/6Ua3u8.jpg) center center/cover no-repeat fixed;
|
||||
--logo: url(/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;
|
||||
}
|
||||
|
||||
@ -1,28 +1,28 @@
|
||||
@import url("/css/addons/unraid/login-page/fallout/fallout-base.css");
|
||||
:root {
|
||||
--main-bg-color: url(/css/addons/unraid/login-page/fallout/wallpaper/rocky-wall.png),
|
||||
url(/css/addons/unraid/login-page/fallout/wallpaper/terminal.jpg) center center/cover no-repeat fixed;
|
||||
--logo: url(/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
|
||||
*/
|
||||
@import url("/css/addons/unraid/login-page/fallout/fallout-base.css");
|
||||
:root {
|
||||
--main-bg-color: url(/css/addons/unraid/login-page/fallout/wallpaper/rocky-wall.png),
|
||||
url(/css/addons/unraid/login-page/fallout/wallpaper/terminal.jpg) center center/cover no-repeat fixed;
|
||||
--logo: url(/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
|
||||
*/
|
||||
}
|
||||
@ -1,28 +1,28 @@
|
||||
@import url("/css/addons/unraid/login-page/fallout/fallout-base.css");
|
||||
:root {
|
||||
--main-bg-color: url(/css/addons/unraid/login-page/fallout/wallpaper/rocky-wall.png),
|
||||
url(/css/addons/unraid/login-page/fallout/wallpaper/terminal2.jpg) center center/cover no-repeat fixed;
|
||||
--logo: url(/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
|
||||
*/
|
||||
@import url("/css/addons/unraid/login-page/fallout/fallout-base.css");
|
||||
:root {
|
||||
--main-bg-color: url(/css/addons/unraid/login-page/fallout/wallpaper/rocky-wall.png),
|
||||
url(/css/addons/unraid/login-page/fallout/wallpaper/terminal2.jpg) center center/cover no-repeat fixed;
|
||||
--logo: url(/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
|
||||
*/
|
||||
}
|
||||
@ -1,195 +1,195 @@
|
||||
@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;
|
||||
}
|
||||
@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;
|
||||
}
|
||||
|
||||
@ -1,35 +1,35 @@
|
||||
@import url("/css/addons/unraid/login-page/fallout/fallout-base.css");
|
||||
:root {
|
||||
--main-bg-color: transparent;
|
||||
--logo: url(/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(/css/addons/unraid/login-page/fallout/wallpaper/terminal.jpg) center center/cover no-repeat fixed !important;
|
||||
}
|
||||
:root {
|
||||
--div-background-color-15: transparent;
|
||||
}
|
||||
@import url("/css/addons/unraid/login-page/fallout/fallout-base.css");
|
||||
:root {
|
||||
--main-bg-color: transparent;
|
||||
--logo: url(/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(/css/addons/unraid/login-page/fallout/wallpaper/terminal.jpg) center center/cover no-repeat fixed !important;
|
||||
}
|
||||
:root {
|
||||
--div-background-color-15: transparent;
|
||||
}
|
||||
}
|
||||
@ -1,7 +1,7 @@
|
||||
// Adds a video background
|
||||
// Source: https://www.youtube.com/watch?v=ehvduomE0AU
|
||||
|
||||
let video = `
|
||||
<div class="background-wrap"><video id="video-bg-elem" preload="auto" autoplay="true" loop="loop" muted="muted"> <source src="https:\/\/gilbn.github.io\/theme.park\/css\/addons\/unraid\/login-page\/fallout\/video\/please_stand_by.mp4" type="video\/mp4">Video not supported</video></div>
|
||||
`
|
||||
document.body.innerHTML += video
|
||||
// Adds a video background
|
||||
// Source: https://www.youtube.com/watch?v=ehvduomE0AU
|
||||
|
||||
let video = `
|
||||
<div class="background-wrap"><video id="video-bg-elem" preload="auto" autoplay="true" loop="loop" muted="muted"> <source src="https:\/\/gilbn.github.io\/theme.park\/css\/addons\/unraid\/login-page\/fallout\/video\/please_stand_by.mp4" type="video\/mp4">Video not supported</video></div>
|
||||
`
|
||||
document.body.innerHTML += video
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
// Adds a video background
|
||||
// Source: https://steamcommunity.com/sharedfiles/filedetails/?id=920035918
|
||||
|
||||
let video = `
|
||||
<div class="background-wrap"><video id="video-bg-elem" preload="auto" autoplay="true" loop="loop" muted="muted"> <source src="https:\/\/gilbn.github.io\/theme.park\/css\/addons\/unraid\/login-page\/fallout\/video\/VaultTecCRTLoop.mp4" type="video\/mp4">Video not supported</video></div>
|
||||
`
|
||||
document.body.innerHTML += video;
|
||||
// Adds a video background
|
||||
// Source: https://steamcommunity.com/sharedfiles/filedetails/?id=920035918
|
||||
|
||||
let video = `
|
||||
<div class="background-wrap"><video id="video-bg-elem" preload="auto" autoplay="true" loop="loop" muted="muted"> <source src="https:\/\/gilbn.github.io\/theme.park\/css\/addons\/unraid\/login-page\/fallout\/video\/VaultTecCRTLoop.mp4" type="video\/mp4">Video not supported</video></div>
|
||||
`
|
||||
document.body.innerHTML += video;
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
// Adds a video background
|
||||
// Source: https://www.youtube.com/watch?v=ehvduomE0AU
|
||||
|
||||
let video = `
|
||||
<div class="background-wrap"><video id="video-bg-elem" preload="auto" autoplay="true" loop="loop" muted="muted"> <source src="https:\/\/gilbn.github.io\/theme.park\/css\/addons\/unraid\/login-page\/fallout\/video\/VaultTecCRTLoopNoScanline.mp4" type="video\/mp4">Video not supported</video></div>
|
||||
`
|
||||
document.body.innerHTML += video
|
||||
// Adds a video background
|
||||
// Source: https://www.youtube.com/watch?v=ehvduomE0AU
|
||||
|
||||
let video = `
|
||||
<div class="background-wrap"><video id="video-bg-elem" preload="auto" autoplay="true" loop="loop" muted="muted"> <source src="https:\/\/gilbn.github.io\/theme.park\/css\/addons\/unraid\/login-page\/fallout\/video\/VaultTecCRTLoopNoScanline.mp4" type="video\/mp4">Video not supported</video></div>
|
||||
`
|
||||
document.body.innerHTML += video
|
||||
|
||||
@ -1,27 +1,27 @@
|
||||
@import url("/css/addons/unraid/login-page/fallout/fallout-base.css");
|
||||
:root {
|
||||
--main-bg-color: url(/css/addons/unraid/login-page/fallout/wallpaper/terminal.jpg) center center/cover no-repeat fixed;
|
||||
--logo: url(/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
|
||||
*/
|
||||
@import url("/css/addons/unraid/login-page/fallout/fallout-base.css");
|
||||
:root {
|
||||
--main-bg-color: url(/css/addons/unraid/login-page/fallout/wallpaper/terminal.jpg) center center/cover no-repeat fixed;
|
||||
--logo: url(/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
|
||||
*/
|
||||
}
|
||||
@ -1,27 +1,27 @@
|
||||
@import url("/css/addons/unraid/login-page/fallout/fallout-base.css");
|
||||
:root {
|
||||
--main-bg-color: url(/css/addons/unraid/login-page/fallout/wallpaper/terminal2.jpg) center center/cover no-repeat fixed;
|
||||
--logo: url(/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
|
||||
*/
|
||||
@import url("/css/addons/unraid/login-page/fallout/fallout-base.css");
|
||||
:root {
|
||||
--main-bg-color: url(/css/addons/unraid/login-page/fallout/wallpaper/terminal2.jpg) center center/cover no-repeat fixed;
|
||||
--logo: url(/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
|
||||
*/
|
||||
}
|
||||
@ -1,33 +1,33 @@
|
||||
/*_____________________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(/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(/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;
|
||||
}
|
||||
/*_____________________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(/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(/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;
|
||||
}
|
||||
|
||||
@ -1,33 +1,33 @@
|
||||
/*_____________________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(/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(/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;
|
||||
/*_____________________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(/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(/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;
|
||||
}
|
||||
@ -1,33 +1,33 @@
|
||||
/*_____________________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(/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(/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;
|
||||
/*_____________________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(/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(/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;
|
||||
}
|
||||
@ -1,33 +1,33 @@
|
||||
/*_____________________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(/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(/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;
|
||||
/*_____________________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(/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(/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;
|
||||
}
|
||||
@ -1,16 +1,16 @@
|
||||
|
||||
//Custom Text Header //
|
||||
// ACSII slant font
|
||||
|
||||
// Needs to be inside <section id="login" class="shadow">
|
||||
// YOU MUST ESCAPE ANY SINGLE BACKSLASHES LIKE SO: \\
|
||||
|
||||
let custom_text_header = `
|
||||
<div class="custom-text-header"> <pre> __ ___ __
|
||||
____ ____ _____/ /__________ ____ ___ ____ / (_)___ / /__
|
||||
/ __ \\/ __ \\/ ___/ __/ ___/ __ \\/ __ '__ \\/ __ \\/ / / __ \\/ //_/
|
||||
/ / / / /_/ (__ ) /_/ / / /_/ / / / / / / /_/ / / / / / / ,<
|
||||
/_/ /_/\\____/____/\\__/_/ \\____/_/ /_/ /_/\\____/_/_/_/ /_/_/|_|
|
||||
</pre> </div>
|
||||
`;
|
||||
document.getElementById("login").innerHTML += custom_text_header
|
||||
|
||||
//Custom Text Header //
|
||||
// ACSII slant font
|
||||
|
||||
// Needs to be inside <section id="login" class="shadow">
|
||||
// YOU MUST ESCAPE ANY SINGLE BACKSLASHES LIKE SO: \\
|
||||
|
||||
let custom_text_header = `
|
||||
<div class="custom-text-header"> <pre> __ ___ __
|
||||
____ ____ _____/ /__________ ____ ___ ____ / (_)___ / /__
|
||||
/ __ \\/ __ \\/ ___/ __/ ___/ __ \\/ __ '__ \\/ __ \\/ / / __ \\/ //_/
|
||||
/ / / / /_/ (__ ) /_/ / / /_/ / / / / / / /_/ / / / / / / ,<
|
||||
/_/ /_/\\____/____/\\__/_/ \\____/_/ /_/ /_/\\____/_/_/_/ /_/_/|_|
|
||||
</pre> </div>
|
||||
`;
|
||||
document.getElementById("login").innerHTML += custom_text_header
|
||||
|
||||
@ -1,33 +1,33 @@
|
||||
/*_____________________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(/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(/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;
|
||||
/*_____________________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(/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(/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;
|
||||
}
|
||||
@ -1,362 +1,362 @@
|
||||
@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 */
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
|
||||
__ ___ __
|
||||
____ ____ _____/ /__________ ____ ___ ____ / (_)___ / /__
|
||||
/ __ \/ __ \/ ___/ __/ ___/ __ \/ __ `__ \/ __ \/ / / __ \/ //_/
|
||||
/ / / / /_/ (__ ) /_/ / / /_/ / / / / / / /_/ / / / / / / ,<
|
||||
/_/ /_/\____/____/\__/_/ \____/_/ /_/ /_/\____/_/_/_/ /_/_/|_|
|
||||
|
||||
*/
|
||||
/*
|
||||
<div class="custom-text-header"> <pre> __ ___ __
|
||||
____ ____ _____/ /__________ ____ ___ ____ / (_)___ / /__
|
||||
/ __ \/ __ \/ ___/ __/ ___/ __ \/ __ '__ \/ __ \/ / / __ \/ //_/
|
||||
/ / / / /_/ (__ ) /_/ / / /_/ / / / / / / /_/ / / / / / / ,<
|
||||
/_/ /_/\____/____/\__/_/ \____/_/ /_/ /_/\____/_/_/_/ /_/_/|_|
|
||||
</pre> </div>
|
||||
*/
|
||||
@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 */
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
|
||||
__ ___ __
|
||||
____ ____ _____/ /__________ ____ ___ ____ / (_)___ / /__
|
||||
/ __ \/ __ \/ ___/ __/ ___/ __ \/ __ `__ \/ __ \/ / / __ \/ //_/
|
||||
/ / / / /_/ (__ ) /_/ / / /_/ / / / / / / /_/ / / / / / / ,<
|
||||
/_/ /_/\____/____/\__/_/ \____/_/ /_/ /_/\____/_/_/_/ /_/_/|_|
|
||||
|
||||
*/
|
||||
/*
|
||||
<div class="custom-text-header"> <pre> __ ___ __
|
||||
____ ____ _____/ /__________ ____ ___ ____ / (_)___ / /__
|
||||
/ __ \/ __ \/ ___/ __/ ___/ __ \/ __ '__ \/ __ \/ / / __ \/ //_/
|
||||
/ / / / /_/ (__ ) /_/ / / /_/ / / / / / / /_/ / / / / / / ,<
|
||||
/_/ /_/\____/____/\__/_/ \____/_/ /_/ /_/\____/_/_/_/ /_/_/|_|
|
||||
</pre> </div>
|
||||
*/
|
||||
|
||||
@ -1,33 +1,33 @@
|
||||
/*_____________________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(/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(/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;
|
||||
/*_____________________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(/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(/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;
|
||||
}
|
||||
@ -1,54 +1,54 @@
|
||||
@import url("/css/defaults/servarr-darker-base.css");
|
||||
:root {
|
||||
--main-bg-color: #202020;
|
||||
|
||||
--modal-bg-color: #2a2a2a;
|
||||
--modal-header-color: #2a2a2a;
|
||||
--modal-footer-color: #2a2a2a;
|
||||
|
||||
--drop-down-menu-bg: #333;
|
||||
|
||||
--button-color: #5899eb;
|
||||
--button-color-hover: #4b91ea;
|
||||
--button-text: #eee;
|
||||
--button-text-hover: #fff;
|
||||
|
||||
--accent-color: 255, 105, 180;
|
||||
--accent-color-hover: rgba(255, 105, 180, 0.8);
|
||||
--link-color: #ff69b4;
|
||||
--link-color-hover: rgb(255, 105, 180, .8);
|
||||
--label-text-color: #333;
|
||||
|
||||
--text: #ccc;
|
||||
--text-hover: #fff;
|
||||
--text-muted: #999;
|
||||
|
||||
/*Specials*/
|
||||
--arr-queue-color: #5d9cec;
|
||||
--side-menu-active: #333333;
|
||||
--scroller-hover: #606060;
|
||||
--scroller: #707070;
|
||||
--border-color: #606060;
|
||||
--label-color: #ff69b4;
|
||||
--label-info: #5d9cec;
|
||||
--header-color: #2a2a2a;
|
||||
--toolbar-background: #262626;
|
||||
--side-menu-color: #2a2a2a;
|
||||
--side-menu-link-color: #ff69b4;
|
||||
}
|
||||
|
||||
/* SEARCH DROP DOWN */
|
||||
|
||||
[class*="MovieSearchInput-containerOpen-"] [class*="MovieSearchInput-movieContainer-"] {
|
||||
border: 1px solid var(--drop-down-menu-bg);
|
||||
background-color: var(--drop-down-menu-bg);
|
||||
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
|
||||
color: #e1e2e3;
|
||||
}
|
||||
|
||||
/* SERIES PAGE */
|
||||
|
||||
[class*="MovieIndexPoster-controls-"] {
|
||||
background-color: var(--label-color) !important;
|
||||
color: var(--label-text-color) !important;
|
||||
@import url("/css/defaults/servarr-darker-base.css");
|
||||
:root {
|
||||
--main-bg-color: #202020;
|
||||
|
||||
--modal-bg-color: #2a2a2a;
|
||||
--modal-header-color: #2a2a2a;
|
||||
--modal-footer-color: #2a2a2a;
|
||||
|
||||
--drop-down-menu-bg: #333;
|
||||
|
||||
--button-color: #5899eb;
|
||||
--button-color-hover: #4b91ea;
|
||||
--button-text: #eee;
|
||||
--button-text-hover: #fff;
|
||||
|
||||
--accent-color: 255, 105, 180;
|
||||
--accent-color-hover: rgba(255, 105, 180, 0.8);
|
||||
--link-color: #ff69b4;
|
||||
--link-color-hover: rgb(255, 105, 180, .8);
|
||||
--label-text-color: #333;
|
||||
|
||||
--text: #ccc;
|
||||
--text-hover: #fff;
|
||||
--text-muted: #999;
|
||||
|
||||
/*Specials*/
|
||||
--arr-queue-color: #5d9cec;
|
||||
--side-menu-active: #333333;
|
||||
--scroller-hover: #606060;
|
||||
--scroller: #707070;
|
||||
--border-color: #606060;
|
||||
--label-color: #ff69b4;
|
||||
--label-info: #5d9cec;
|
||||
--header-color: #2a2a2a;
|
||||
--toolbar-background: #262626;
|
||||
--side-menu-color: #2a2a2a;
|
||||
--side-menu-link-color: #ff69b4;
|
||||
}
|
||||
|
||||
/* SEARCH DROP DOWN */
|
||||
|
||||
[class*="MovieSearchInput-containerOpen-"] [class*="MovieSearchInput-movieContainer-"] {
|
||||
border: 1px solid var(--drop-down-menu-bg);
|
||||
background-color: var(--drop-down-menu-bg);
|
||||
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
|
||||
color: #e1e2e3;
|
||||
}
|
||||
|
||||
/* SERIES PAGE */
|
||||
|
||||
[class*="MovieIndexPoster-controls-"] {
|
||||
background-color: var(--label-color) !important;
|
||||
color: var(--label-text-color) !important;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@ -1,2 +1,2 @@
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=91fab2bfffa4c1e8d553a8cd7996d868");
|
||||
@import url("/css/theme-options/aquamarine.css?sha=d756574a59cc3bfa2433998efaf57bf3");
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=9bef040a51d40439e2ff447ab67c0f0d");
|
||||
@import url("/css/theme-options/aquamarine.css?sha=591b3468083c72cda580a7c61d5d26ca");
|
||||
@ -1,2 +1,2 @@
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=91fab2bfffa4c1e8d553a8cd7996d868");
|
||||
@import url("/css/community-theme-options/blackberry-abyss.css?sha=e8399c6f8a2e9f3ec99f9aad936db7a9");
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=9bef040a51d40439e2ff447ab67c0f0d");
|
||||
@import url("/css/community-theme-options/blackberry-abyss.css?sha=5d1a651de367fb108de3a3ad87c36262");
|
||||
@ -1,2 +1,2 @@
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=91fab2bfffa4c1e8d553a8cd7996d868");
|
||||
@import url("/css/community-theme-options/blackberry-amethyst.css?sha=87786d9451286f37b81293bbf51a8205");
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=9bef040a51d40439e2ff447ab67c0f0d");
|
||||
@import url("/css/community-theme-options/blackberry-amethyst.css?sha=5fefbeb7a151db63a9904862540fcfb7");
|
||||
@ -1,2 +1,2 @@
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=91fab2bfffa4c1e8d553a8cd7996d868");
|
||||
@import url("/css/community-theme-options/blackberry-carol.css?sha=dd744035926663fc42242daedc9f1794");
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=9bef040a51d40439e2ff447ab67c0f0d");
|
||||
@import url("/css/community-theme-options/blackberry-carol.css?sha=7ea19bfe3313346e52c9a9f9ca9f5a1e");
|
||||
@ -1,2 +1,2 @@
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=91fab2bfffa4c1e8d553a8cd7996d868");
|
||||
@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=81a988c1ccc397ca303b898a69b8933f");
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=9bef040a51d40439e2ff447ab67c0f0d");
|
||||
@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=7ed4aa25a711ea838a352e3fa5ed12e7");
|
||||
@ -1,2 +1,2 @@
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=91fab2bfffa4c1e8d553a8cd7996d868");
|
||||
@import url("/css/community-theme-options/blackberry-flamingo.css?sha=1f73a7b422a1ad484a33b95e71e542d7");
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=9bef040a51d40439e2ff447ab67c0f0d");
|
||||
@import url("/css/community-theme-options/blackberry-flamingo.css?sha=e8c443f5677df6ac84f92827a9bbbbba");
|
||||
@ -1,2 +1,2 @@
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=91fab2bfffa4c1e8d553a8cd7996d868");
|
||||
@import url("/css/community-theme-options/blackberry-hearth.css?sha=63eff67e0507c9f40b3a6d721fd2e00b");
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=9bef040a51d40439e2ff447ab67c0f0d");
|
||||
@import url("/css/community-theme-options/blackberry-hearth.css?sha=6ae8b3e3ada3bcca481c5c569b94cd6e");
|
||||
@ -1,2 +1,2 @@
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=91fab2bfffa4c1e8d553a8cd7996d868");
|
||||
@import url("/css/community-theme-options/blackberry-martian.css?sha=b147b481a6e52a58dccff4ff3e2b83a0");
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=9bef040a51d40439e2ff447ab67c0f0d");
|
||||
@import url("/css/community-theme-options/blackberry-martian.css?sha=bed9da9ac376760a3485c68c7d62ce63");
|
||||
@ -1,2 +1,2 @@
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=91fab2bfffa4c1e8d553a8cd7996d868");
|
||||
@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=ded53ed23d3bb1b293c2b444f9c6b520");
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=9bef040a51d40439e2ff447ab67c0f0d");
|
||||
@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=fd2af8b1e6700615e118cc193afe0b7c");
|
||||
@ -1,2 +1,2 @@
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=91fab2bfffa4c1e8d553a8cd7996d868");
|
||||
@import url("/css/community-theme-options/blackberry-royal.css?sha=5656c5c4f467941883374376d45a8758");
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=9bef040a51d40439e2ff447ab67c0f0d");
|
||||
@import url("/css/community-theme-options/blackberry-royal.css?sha=51c11edc2d60ec5da06a830dd2fb929e");
|
||||
@ -1,2 +1,2 @@
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=91fab2bfffa4c1e8d553a8cd7996d868");
|
||||
@import url("/css/community-theme-options/blackberry-shadow.css?sha=b8941bbed98a08998a2fbe28319112c0");
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=9bef040a51d40439e2ff447ab67c0f0d");
|
||||
@import url("/css/community-theme-options/blackberry-shadow.css?sha=59a000201c9e0218c0843e9bfcd07e93");
|
||||
@ -1,2 +1,2 @@
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=91fab2bfffa4c1e8d553a8cd7996d868");
|
||||
@import url("/css/community-theme-options/blackberry-solar.css?sha=b993845b73c14914d185a76b44750c64");
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=9bef040a51d40439e2ff447ab67c0f0d");
|
||||
@import url("/css/community-theme-options/blackberry-solar.css?sha=32976cadc0146508756f87a0a1a9364a");
|
||||
@ -1,2 +1,2 @@
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=91fab2bfffa4c1e8d553a8cd7996d868");
|
||||
@import url("/css/community-theme-options/blackberry-vanta.css?sha=66ca6a0d6a5055bc0a2a0460c945fa7a");
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=9bef040a51d40439e2ff447ab67c0f0d");
|
||||
@import url("/css/community-theme-options/blackberry-vanta.css?sha=1f704710ca6df4411febd42d93fb2a11");
|
||||
@ -1,2 +1,2 @@
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=91fab2bfffa4c1e8d553a8cd7996d868");
|
||||
@import url("/css/theme-options/dark.css?sha=1bbea8b71216f2c2b7eff31ee72c389f");
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=9bef040a51d40439e2ff447ab67c0f0d");
|
||||
@import url("/css/theme-options/dark.css?sha=38f08efadc40a771376804e112c15b00");
|
||||
@ -1,2 +1,2 @@
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=91fab2bfffa4c1e8d553a8cd7996d868");
|
||||
@import url("/css/theme-options/dracula.css?sha=6366d3845240fb8943c2b54d56335a19");
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=9bef040a51d40439e2ff447ab67c0f0d");
|
||||
@import url("/css/theme-options/dracula.css?sha=4e7c87d2063bc2c5a63e05579cd6bea6");
|
||||
@ -1,2 +1,2 @@
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=91fab2bfffa4c1e8d553a8cd7996d868");
|
||||
@import url("/css/community-theme-options/hotline-old.css?sha=1996bf028fd671f9a43dc15035e65c33");
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=9bef040a51d40439e2ff447ab67c0f0d");
|
||||
@import url("/css/community-theme-options/hotline-old.css?sha=40dcf9071afdaf83f52a1be9eac4c119");
|
||||
@ -1,2 +1,2 @@
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=91fab2bfffa4c1e8d553a8cd7996d868");
|
||||
@import url("/css/theme-options/hotline.css?sha=b104dcbd717283d00fe6de4219744ecc");
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=9bef040a51d40439e2ff447ab67c0f0d");
|
||||
@import url("/css/theme-options/hotline.css?sha=6e3ddecbe9a1ccd2f1faaf433786677f");
|
||||
@ -1,2 +1,2 @@
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=91fab2bfffa4c1e8d553a8cd7996d868");
|
||||
@import url("/css/theme-options/hotpink.css?sha=152a8bd511ff5cfe5df90e00688ba1fc");
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=9bef040a51d40439e2ff447ab67c0f0d");
|
||||
@import url("/css/theme-options/hotpink.css?sha=bb25728a28cab5fb9293e52f84b3ecd6");
|
||||
@ -1,2 +1,2 @@
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=91fab2bfffa4c1e8d553a8cd7996d868");
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=9bef040a51d40439e2ff447ab67c0f0d");
|
||||
@import url("/css/community-theme-options/ibracorp.css?sha=c614a1a123a048850289e718fd113c8f");
|
||||
@ -1,2 +1,2 @@
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=91fab2bfffa4c1e8d553a8cd7996d868");
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=9bef040a51d40439e2ff447ab67c0f0d");
|
||||
@import url("/css/theme-options/maroon.css?sha=aba3461aac201e257cf5cea12d9f6c5c");
|
||||
@ -1,2 +1,2 @@
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=91fab2bfffa4c1e8d553a8cd7996d868");
|
||||
@import url("/css/community-theme-options/mind.css?sha=9f02ff1636bb19fbbc1c883f0a69814d");
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=9bef040a51d40439e2ff447ab67c0f0d");
|
||||
@import url("/css/community-theme-options/mind.css?sha=30591394da840c870602f72f0b6d7ad6");
|
||||
@ -1,2 +1,2 @@
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=91fab2bfffa4c1e8d553a8cd7996d868");
|
||||
@import url("/css/theme-options/nord.css?sha=1b026fc9951acb87776302d71db5705e");
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=9bef040a51d40439e2ff447ab67c0f0d");
|
||||
@import url("/css/theme-options/nord.css?sha=5226f437407d52580589f86881be883c");
|
||||
@ -1,2 +1,2 @@
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=91fab2bfffa4c1e8d553a8cd7996d868");
|
||||
@import url("/css/community-theme-options/onedark.css?sha=35d1229e080c54d138ea4c9512c0f0db");
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=9bef040a51d40439e2ff447ab67c0f0d");
|
||||
@import url("/css/community-theme-options/onedark.css?sha=8779d7d20bcc711fe8ed42892bd35af9");
|
||||
@ -1,2 +1,2 @@
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=91fab2bfffa4c1e8d553a8cd7996d868");
|
||||
@import url("/css/theme-options/organizr.css?sha=fceff07a68bad62cd3848afce664a97f");
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=9bef040a51d40439e2ff447ab67c0f0d");
|
||||
@import url("/css/theme-options/organizr.css?sha=d5d6c6d63c91bbf2247752bf979bd163");
|
||||
@ -1,2 +1,2 @@
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=91fab2bfffa4c1e8d553a8cd7996d868");
|
||||
@import url("/css/theme-options/overseerr.css?sha=e144b7051d5a835c99e85a5a6b616e5e");
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=9bef040a51d40439e2ff447ab67c0f0d");
|
||||
@import url("/css/theme-options/overseerr.css?sha=6fa79c6417fc81ad26dffe8083078398");
|
||||
@ -1,2 +1,2 @@
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=91fab2bfffa4c1e8d553a8cd7996d868");
|
||||
@import url("/css/community-theme-options/pine-shadow.css?sha=953a1c8800f65def81edfbf1097de444");
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=9bef040a51d40439e2ff447ab67c0f0d");
|
||||
@import url("/css/community-theme-options/pine-shadow.css?sha=ae5fb5029a078157ef8912bf6b2d5b40");
|
||||
@ -1,2 +1,2 @@
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=91fab2bfffa4c1e8d553a8cd7996d868");
|
||||
@import url("/css/theme-options/plex.css?sha=a4c4891e132b89426160a1fe32205f4f");
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=9bef040a51d40439e2ff447ab67c0f0d");
|
||||
@import url("/css/theme-options/plex.css?sha=ee86fed87fb92c4983b1b4056b0689b6");
|
||||
@ -1,2 +1,2 @@
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=91fab2bfffa4c1e8d553a8cd7996d868");
|
||||
@import url("/css/community-theme-options/power.css?sha=4bfda3cbb74c41f827e46f8b8e14dbdf");
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=9bef040a51d40439e2ff447ab67c0f0d");
|
||||
@import url("/css/community-theme-options/power.css?sha=b60588297c00b10ae45e397fe480693d");
|
||||
@ -1,2 +1,2 @@
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=91fab2bfffa4c1e8d553a8cd7996d868");
|
||||
@import url("/css/community-theme-options/reality.css?sha=fab9956884e76c612c6de71dafb0b746");
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=9bef040a51d40439e2ff447ab67c0f0d");
|
||||
@import url("/css/community-theme-options/reality.css?sha=b9eb97b4ab22d5ad559ff1a7d3cd0ea8");
|
||||
@ -1,2 +1,2 @@
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=91fab2bfffa4c1e8d553a8cd7996d868");
|
||||
@import url("/css/community-theme-options/soul.css?sha=1b36e7232a886dc953c85652881b8a00");
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=9bef040a51d40439e2ff447ab67c0f0d");
|
||||
@import url("/css/community-theme-options/soul.css?sha=300d25523a00f5086cea11988de1da1c");
|
||||
@ -1,2 +1,2 @@
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=91fab2bfffa4c1e8d553a8cd7996d868");
|
||||
@import url("/css/theme-options/space-gray.css?sha=90a7104be7219a1a90f4ba0464774472");
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=9bef040a51d40439e2ff447ab67c0f0d");
|
||||
@import url("/css/theme-options/space-gray.css?sha=fe5797a1fc63f6e1929ffc4bdec30312");
|
||||
@ -1,2 +1,2 @@
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=91fab2bfffa4c1e8d553a8cd7996d868");
|
||||
@import url("/css/community-theme-options/space.css?sha=805cb02ce365df0e26965c25e4a105ca");
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=9bef040a51d40439e2ff447ab67c0f0d");
|
||||
@import url("/css/community-theme-options/space.css?sha=9986de93076043df50e721813aeb3f74");
|
||||
@ -1,2 +1,2 @@
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=91fab2bfffa4c1e8d553a8cd7996d868");
|
||||
@import url("/css/community-theme-options/time.css?sha=2ef20efc1ed3edbad12b085582ce88e6");
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=9bef040a51d40439e2ff447ab67c0f0d");
|
||||
@import url("/css/community-theme-options/time.css?sha=8b1b27e8c0a649951fbf26ec6bc18268");
|
||||
@ -1,2 +1,2 @@
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=91fab2bfffa4c1e8d553a8cd7996d868");
|
||||
@import url("/css/base/adguard/adguard-base.css?sha=9bef040a51d40439e2ff447ab67c0f0d");
|
||||
@import url("/css/community-theme-options/trueblack.css?sha=541f73821cfe0a75a26106011079b244");
|
||||
@ -1,2 +1,2 @@
|
||||
@import url("/css/base/bazarr/bazarr-base.css?sha=3a3926eb0aabfdcf855ec8ef390bd920");
|
||||
@import url("/css/theme-options/aquamarine.css?sha=d756574a59cc3bfa2433998efaf57bf3");
|
||||
@import url("/css/theme-options/aquamarine.css?sha=591b3468083c72cda580a7c61d5d26ca");
|
||||
@ -1,2 +1,2 @@
|
||||
@import url("/css/base/bazarr/bazarr-base.css?sha=3a3926eb0aabfdcf855ec8ef390bd920");
|
||||
@import url("/css/community-theme-options/blackberry-abyss.css?sha=e8399c6f8a2e9f3ec99f9aad936db7a9");
|
||||
@import url("/css/community-theme-options/blackberry-abyss.css?sha=5d1a651de367fb108de3a3ad87c36262");
|
||||
@ -1,2 +1,2 @@
|
||||
@import url("/css/base/bazarr/bazarr-base.css?sha=3a3926eb0aabfdcf855ec8ef390bd920");
|
||||
@import url("/css/community-theme-options/blackberry-amethyst.css?sha=87786d9451286f37b81293bbf51a8205");
|
||||
@import url("/css/community-theme-options/blackberry-amethyst.css?sha=5fefbeb7a151db63a9904862540fcfb7");
|
||||
@ -1,2 +1,2 @@
|
||||
@import url("/css/base/bazarr/bazarr-base.css?sha=3a3926eb0aabfdcf855ec8ef390bd920");
|
||||
@import url("/css/community-theme-options/blackberry-carol.css?sha=dd744035926663fc42242daedc9f1794");
|
||||
@import url("/css/community-theme-options/blackberry-carol.css?sha=7ea19bfe3313346e52c9a9f9ca9f5a1e");
|
||||
@ -1,2 +1,2 @@
|
||||
@import url("/css/base/bazarr/bazarr-base.css?sha=3a3926eb0aabfdcf855ec8ef390bd920");
|
||||
@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=81a988c1ccc397ca303b898a69b8933f");
|
||||
@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=7ed4aa25a711ea838a352e3fa5ed12e7");
|
||||
@ -1,2 +1,2 @@
|
||||
@import url("/css/base/bazarr/bazarr-base.css?sha=3a3926eb0aabfdcf855ec8ef390bd920");
|
||||
@import url("/css/community-theme-options/blackberry-flamingo.css?sha=1f73a7b422a1ad484a33b95e71e542d7");
|
||||
@import url("/css/community-theme-options/blackberry-flamingo.css?sha=e8c443f5677df6ac84f92827a9bbbbba");
|
||||
@ -1,2 +1,2 @@
|
||||
@import url("/css/base/bazarr/bazarr-base.css?sha=3a3926eb0aabfdcf855ec8ef390bd920");
|
||||
@import url("/css/community-theme-options/blackberry-hearth.css?sha=63eff67e0507c9f40b3a6d721fd2e00b");
|
||||
@import url("/css/community-theme-options/blackberry-hearth.css?sha=6ae8b3e3ada3bcca481c5c569b94cd6e");
|
||||
@ -1,2 +1,2 @@
|
||||
@import url("/css/base/bazarr/bazarr-base.css?sha=3a3926eb0aabfdcf855ec8ef390bd920");
|
||||
@import url("/css/community-theme-options/blackberry-martian.css?sha=b147b481a6e52a58dccff4ff3e2b83a0");
|
||||
@import url("/css/community-theme-options/blackberry-martian.css?sha=bed9da9ac376760a3485c68c7d62ce63");
|
||||
@ -1,2 +1,2 @@
|
||||
@import url("/css/base/bazarr/bazarr-base.css?sha=3a3926eb0aabfdcf855ec8ef390bd920");
|
||||
@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=ded53ed23d3bb1b293c2b444f9c6b520");
|
||||
@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=fd2af8b1e6700615e118cc193afe0b7c");
|
||||
@ -1,2 +1,2 @@
|
||||
@import url("/css/base/bazarr/bazarr-base.css?sha=3a3926eb0aabfdcf855ec8ef390bd920");
|
||||
@import url("/css/community-theme-options/blackberry-royal.css?sha=5656c5c4f467941883374376d45a8758");
|
||||
@import url("/css/community-theme-options/blackberry-royal.css?sha=51c11edc2d60ec5da06a830dd2fb929e");
|
||||
@ -1,2 +1,2 @@
|
||||
@import url("/css/base/bazarr/bazarr-base.css?sha=3a3926eb0aabfdcf855ec8ef390bd920");
|
||||
@import url("/css/community-theme-options/blackberry-shadow.css?sha=b8941bbed98a08998a2fbe28319112c0");
|
||||
@import url("/css/community-theme-options/blackberry-shadow.css?sha=59a000201c9e0218c0843e9bfcd07e93");
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user