Retro/weed UIs fade instead of slide

css/hues-r.css

@@ -97,15 +97,15 @@
 }
 
 .hues-r-container, .hues-r-controls, .hues-r-subcontrols {
-    transform: translateY(0px);
+    visibility: visible;
-    -webkit-transform: translateY(0px);
+    opacity: 1;
-    transition: transform 1s ease-out;
+    transition: visibility 0.5s linear, opacity 0.5s linear;
-    -webkit-transition: -webkit-transform 1s ease-out;
+    -webkit-transition: visibility 0.5s linear, opacity 0.5s linear;
 }
 
 .hues-r-container.hidden, .hues-r-controls.hidden, .hues-r-subcontrols.hidden {
-    transform: translateY(200px);
+    visibility: hidden;
-    -webkit-transform: translateY(200px);
+    opacity: 0;
 }
 
 .hues-r-listcontainer {

css/hues-w.css

@@ -31,28 +31,16 @@
     opacity: 1;
 }
 
-.hues-w-controls, .hues-w-subcontrols {
+.hues-w-controls, .hues-w-subcontrols, .hues-w-beatbar {
-    transform: translateY(0px);
+    visibility: visible;
-    -webkit-transform: translateY(0px);
+    opacity: 1;
-    transition: transform 1s ease-out;
+    transition: visibility 0.5s linear, opacity 0.5s linear;
-    -webkit-transition: -webkit-transform 1s ease-out;
+    -webkit-transition: visibility 0.5s linear, opacity 0.5s linear;
-}
-
-.hues-w-controls.hidden, .hues-w-subcontrols.hidden {
-    transform: translateY(200px);
-    -webkit-transform: translateY(200px);
-}
-
-.hues-w-beatbar {
-    transform: translateY(0px);
-    -webkit-transform: translateY(0px);
-    transition: transform 1s ease-out;
-    -webkit-transition: -webkit-transform 1s ease-out;
 }
 
-.hues-w-beatbar.hidden {
+.hues-w-controls.hidden, .hues-w-subcontrols.hidden, .hues-w-beatbar.hidden {
-    transform: translateY(-40px);   
+    visibility: hidden;
-    -webkit-transform: translateY(-40px);
+    opacity: 0;
 }
 
 .hues-w-beatleft, .hues-w-beatright {