aboutsummaryrefslogtreecommitdiff
path: root/web/js-player.css
diff options
context:
space:
mode:
authormetamuffin <metamuffin@disroot.org>2023-10-24 15:08:15 +0200
committermetamuffin <metamuffin@disroot.org>2023-10-24 15:08:15 +0200
commitf4f3a16bca576c202887799066bd896863612e2b (patch)
tree8ddb9cdc47abae7bc615109f241b2cd12e141128 /web/js-player.css
parentc1afcdc0dc4e59cb2ce1e8c65b69c5647f2132f3 (diff)
downloadjellything-f4f3a16bca576c202887799066bd896863612e2b.tar
jellything-f4f3a16bca576c202887799066bd896863612e2b.tar.bz2
jellything-f4f3a16bca576c202887799066bd896863612e2b.tar.zst
partial theme implementation
Diffstat (limited to 'web/js-player.css')
-rw-r--r--web/js-player.css126
1 files changed, 0 insertions, 126 deletions
diff --git a/web/js-player.css b/web/js-player.css
deleted file mode 100644
index 6d1bd71..0000000
--- a/web/js-player.css
+++ /dev/null
@@ -1,126 +0,0 @@
-/*
- This file is part of jellything (https://codeberg.org/metamuffin/jellything)
- which is licensed under the GNU Affero General Public License (version 3); see /COPYING.
- Copyright (C) 2023 metamuffin <metamuffin.org>
-*/
-
-.jsp {
- --csize: 50px;
-}
-
-.jsp .jsp-controls {
- position: absolute;
- bottom: 0px;
- left: 0px;
- width: 100%;
- height: var(--csize);
- background-color: #1d1d1d99;
- transition: opacity 0.2s;
-
- display: flex;
- flex-direction: row;
-}
-
-.jsp .jsp-controls button {
- padding: 0px;
- width: var(--csize);
- height: 100%;
- border: none;
- background-color: #ffffff10;
-}
-
-.jsp-controls p.jsp-status {
- display: inline-block;
- width: 6em;
- text-align: right;
- margin: 0px;
- font-family: monospace;
- margin: 0.4em;
-}
-
-.jsp-pri {
- position: relative;
- flex-grow: 1;
- padding: 0px;
- display: inline-block;
- margin: 0px;
- width: calc(100% - var(--csize) * 2 - 2px);
- height: var(--csize);
- --pribufsize: calc(var(--csize) * 0.5);
-}
-.jsp-pri-current {
- z-index: 101;
- position: absolute;
- height: var(--csize);
- background-color: #ffffff20;
-}
-.jsp-pri-buffer {
- z-index: 100;
- position: absolute;
- height: var(--pribufsize);
-}
-.jsp-pri-buffer-buffered {
- background-color: #08fa0018;
-}
-.jsp-pri-buffer-loading {
- background-color: #ffd00018;
-}
-
-.jsp-overlay {
- position: absolute;
- bottom: var(--csize);
- left: 0px;
-}
-.jsp-overlay .jsp-buffering {
- margin: 0.2em;
- font-size: larger;
- color: grey;
-}
-.jsp-stats {
- position: absolute;
- background-color: rgba(0, 0, 0, 0.404);
- bottom: var(--csize);
- right: 0px;
- padding: 1em;
-}
-.jsp-stats pre {
- margin: 0.1em;
-}
-
-.jsp .jsh-log {
- position: absolute;
- bottom: var(--csize);
- left: 0px;
-}
-.jsp .jsh-log-line {
- padding: 0.15em;
- margin: 0px;
- font-size: large;
- animation-name: appear;
- animation-timing-function: linear;
- animation-duration: 0.5s;
- animation-fill-mode: forwards;
-}
-.jsp .jsh-log-line-disappear {
- animation-name: disappear;
- animation-timing-function: linear;
- animation-duration: 0.2s;
- animation-fill-mode: forwards;
-}
-
-@keyframes appear {
- from {
- opacity: 0;
- }
- to {
- opacity: 1;
- }
-}
-@keyframes disappear {
- from {
- opacity: 1;
- }
- to {
- opacity: 0;
- }
-}