Mobile UI

  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <link rel="apple-touch-icon-precomposed" href="/mobile/icon.png" />

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

/* turn off the annoying highlight on a tap*/
{
  -webkit-tap-highlight-color: transparent;
  -moz-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
}

/* prevent the user from highlighting any text */
{
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* allow highlighting text in inputs */
input {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

  // iOS5 or less does not have .bind so add it if needed (iOS6 has it!)
  function patchBind(){
     if (Function.prototype.bind === undefined){
        Function.prototype.bind = function (newScope) {
             var self = this;
             return function () {
                 var args = Array.prototype.slice.call(arguments);
                 return self.apply(newScope || null, args);
             };
         };
     }
  }