going back to the thing.

_includes/header.html

@@ -7,6 +7,7 @@
 <meta name="apple-mobile-web-app-capable" content="yes">
 <meta name="apple-mobile-web-app-status-bar-style" content="black">
 <link rel="stylesheet" href="dist/ratchet.css">
+<link rel="stylesheet" href="dist/ios-theme.css">
 <link rel="stylesheet" href="assets/css/docs.css">
 <link rel="stylesheet" href="assets/css/pygments.css">
 <!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->

dist/ratchet.css

@@ -1132,8 +1132,8 @@ input[type="button"] {
 }
 .content.slide.left {
   z-index: 1;
-  -webkit-transform: translate3d(100%, 0, 0);
-  transform: translate3d(100%, 0, 0);
+  -webkit-transform: translate3d(-100%, 0, 0);
+  transform: translate3d(-100%, 0, 0);
 }
 .content.slide.right {
   z-index: 3;

lib/sass/push.scss

@@ -22,7 +22,7 @@
 
     &.left {
       z-index: 1;
-      @include transform(translate3d(100%, 0, 0));
+      @include transform(translate3d(-100%, 0, 0));
     }
 
     &.right {

lib/sass/theme-ios.scss

@@ -28,7 +28,7 @@ $timing-fuction: cubic-bezier(.1, .5, .1, 1); // Inspired by @c2prods
 // Bars
 // --------------------------------------------------
 
-.bar {
+[class*="bar-"] {
   border-bottom: 0;
   background-color: $chrome-color;
   @include box-shadow(0 0 1px rgba(0,0,0,.85));