diff options
| author | Minteck <contact@minteck.org> | 2022-07-19 21:19:59 +0200 |
|---|---|---|
| committer | Minteck <contact@minteck.org> | 2022-07-19 21:19:59 +0200 |
| commit | 735d518ae6ecc6c8d0ecbbae4aa3c019151178fc (patch) | |
| tree | 341ee0e7faa7b6f3367b9a4e129cbd148006158c /css/player.css | |
| parent | 3d71c572ec9a0827071be1978731079e8f1e5dbf (diff) | |
| download | argon-735d518ae6ecc6c8d0ecbbae4aa3c019151178fc.tar.gz argon-735d518ae6ecc6c8d0ecbbae4aa3c019151178fc.tar.bz2 argon-735d518ae6ecc6c8d0ecbbae4aa3c019151178fc.zip | |
Diffstat (limited to 'css/player.css')
| -rw-r--r-- | css/player.css | 19 |
1 files changed, 18 insertions, 1 deletions
diff --git a/css/player.css b/css/player.css index 08da44f..8ff1caf 100644 --- a/css/player.css +++ b/css/player.css @@ -1,6 +1,5 @@ #player { position: fixed; - bottom: 0; left: 0; right: 0; height: 56px; @@ -91,4 +90,22 @@ .player-button-disabled .player-button-icon { opacity: .25 !important; +} + +body #player { + bottom: -57px; + transition: bottom 200ms, background-color 200ms; +} + +body #navigation-outer, body #frame { + bottom: 0; + transition: bottom 200ms, background-color 200ms; +} + +body.playing #player { + bottom: 0; +} + +body.playing #navigation-outer, body.playing #frame { + bottom: 57px; }
\ No newline at end of file |