updating some links in the head

dist/ratchet.css

@@ -269,6 +269,7 @@ a:active {
 
 .content > * {
   -webkit-transform: translateZ(0);
+  -ms-transform: translateZ(0);
   transform: translateZ(0);
 }
 

docs/_includes/header.html

@@ -3,7 +3,7 @@
 <meta name="description" content="{{ site.name }}: {{ site.description }}">
 <meta name="author" content="{{ site.authors }}">
 <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
-<link rel="shortcut icon" href="{{ page.base_url }}favicon.ico">
+<link rel="shortcut icon" href="../favicon.ico">
 <meta name="apple-mobile-web-app-capable" content="yes">
 <meta name="apple-mobile-web-app-status-bar-style" content="black">
 
@@ -12,7 +12,7 @@
 <link rel="stylesheet" href="../assets/css/pygments.css">
 <!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
 
-<link rel="apple-touch-icon-precomposed" sizes="114x114" href="{{ page.base_url }}docs-assets/img/apple-touch-icon-114x114.png">
+<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/img/apple-touch-icon-114x114.png">
 
 <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
 <script src="../dist/ratchet.js"></script>

docs/dist/ratchet.css

@@ -269,6 +269,7 @@ a:active {
 
 .content > * {
   -webkit-transform: translateZ(0);
+  -ms-transform: translateZ(0);
   transform: translateZ(0);
 }
 

sass/base.scss

@@ -49,8 +49,7 @@ a {
 // Hack to force all relatively and absolutely positioned elements still render while scrolling
 // Note: This is a bug for "-webkit-overflow-scrolling: touch"
 .content > * {
-  -webkit-transform: translateZ(0);
-          transform: translateZ(0);
+  @include transform(translateZ(0));
 }
 
 // Pad top/bottom of content so it doesn't hide behind bars.