CSS滑动导航方向

Question

我有一个使用CSS和一些JQuery从左侧滑出的导航。在这里小提琴 - http://jsfiddle.net/CdY5P/2/

我现在想要打开滑出菜单的左上角按钮位于右上方，菜单可以从右侧而不是左侧滑出。 我尝试过编辑几个元素，特别是translate3d属性，但没有运气:(

此外，它目前推送内容，我希望它在内容滑动时位于内容之上（页面顶部的菜单）。

有什么想法吗？感谢

编辑：添加的主要类在显示导航时执行以下转换。

.csstransforms3d.csstransitions .show-nav #inner-wrapper {
    -webkit-transform: translate3d(80%, 0, 0);
    -moz-transform: translate3d(80%, 0, 0);
    -ms-transform: translate3d(80%, 0, 0);
    -o-transform: translate3d(80%, 0, 0);
    transform: translate3d(80%, 0, 0);
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }