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