diff options
author | metamuffin <metamuffin@disroot.org> | 2023-10-24 15:08:15 +0200 |
---|---|---|
committer | metamuffin <metamuffin@disroot.org> | 2023-10-24 15:08:15 +0200 |
commit | f4f3a16bca576c202887799066bd896863612e2b (patch) | |
tree | 8ddb9cdc47abae7bc615109f241b2cd12e141128 /web/js-player.css | |
parent | c1afcdc0dc4e59cb2ce1e8c65b69c5647f2132f3 (diff) | |
download | jellything-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.css | 126 |
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; - } -} |