From 8c73d9a50d578ed1ddbc3ce161082b03d747c5ca Mon Sep 17 00:00:00 2001
From: shawndrost <drost@okcupidlabs.com>
Date: Tue, 3 Apr 2012 13:03:57 -0700
Subject: [PATCH 01/15] minor refactor

---
 src/jqtouch.js | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/jqtouch.js b/src/jqtouch.js
index 926d68b9..86948213 100644
--- a/src/jqtouch.js
+++ b/src/jqtouch.js
@@ -598,17 +598,19 @@
                 return false;
             }
 
+            // Unselect this element and return if this is an external link
+            if ($el.isExternalLink()) {
+                $el.unselect();
+                return true;
+            } 
+
             // Init some vars
             var target = $el.attr('target'),
                 hash = $el.prop('hash'),
                 href = $el.prop('href'),
                 animation = null;
 
-            if ($el.isExternalLink()) {
-                $el.unselect();
-                return true;
-
-            } else if ($el.is(jQTSettings.backSelector)) {
+            if ($el.is(jQTSettings.backSelector)) {
                 // User clicked or tapped a back button
                 goBack(hash);
 

From 3494ef866f179006cd661f3177fae25982116747 Mon Sep 17 00:00:00 2001
From: shawndrost <drost@okcupidlabs.com>
Date: Tue, 3 Apr 2012 13:16:12 -0700
Subject: [PATCH 02/15] create 'routing' startup option

---
 src/jqtouch.js | 109 ++++++++++++++++++++++++++-----------------------
 1 file changed, 58 insertions(+), 51 deletions(-)

diff --git a/src/jqtouch.js b/src/jqtouch.js
index 86948213..15172997 100644
--- a/src/jqtouch.js
+++ b/src/jqtouch.js
@@ -58,6 +58,7 @@
                 useAnimations: true,
                 useFastTouch: true,
                 useTouchScroll: true,
+                handleRoutingAndHistory: true,
                 animations: [ // highest to lowest priority
                     {name:'cubeleft', selector:'.cubeleft, .cube', is3d: true},
                     {name:'cuberight', selector:'.cuberight', is3d: true},
@@ -298,9 +299,9 @@
             }
 
         }
-        function goTo(toPage, animation) {
+        function goTo(toPage, animation, fromPage) {
 
-            var fromPage = history[0].page;
+            fromPage = fromPage || history[0].page;
 
             if (typeof animation === 'string') {
                 for (var i=0, max=animations.length; i < max; i++) {
@@ -331,20 +332,22 @@
             }
         }
         function hashChangeHandler(e) {
-            if (location.hash === history[0].hash) {
-                warn('We are on the right panel');
-                return true;
-            } else if (location.hash === '') {
-                goBack();
-                return true;
-            } else {
-                if( (history[1] && location.hash === history[1].hash) ) {
+            if (jQTSettings.handleRoutingAndHistory){
+                if (location.hash === history[0].hash) {
+                    warn('We are on the right panel');
+                    return true;
+                } else if (location.hash === '') {
                     goBack();
                     return true;
                 } else {
-                    // Lastly, just try going to the ID...
-                    warn('Could not find ID in history, just forwarding to DOM element.');
-                    goTo($(location.hash), jQTSettings.defaultAnimation);
+                    if( (history[1] && location.hash === history[1].hash) ) {
+                        goBack();
+                        return true;
+                    } else {
+                        // Lastly, just try going to the ID...
+                        warn('Could not find ID in history, just forwarding to DOM element.');
+                        goTo($(location.hash), jQTSettings.defaultAnimation);
+                    }
                 }
             }
         }
@@ -604,50 +607,54 @@
                 return true;
             } 
 
-            // Init some vars
-            var target = $el.attr('target'),
-                hash = $el.prop('hash'),
-                href = $el.prop('href'),
-                animation = null;
+            if (jQTSettings.handleRoutingAndHistory){
+                // Init some vars
+                var target = $el.attr('target'),
+                    hash = $el.prop('hash'),
+                    href = $el.attr('href'),
+                    animation = null;
 
-            if ($el.is(jQTSettings.backSelector)) {
-                // User clicked or tapped a back button
-                goBack(hash);
+                if ($el.is(jQTSettings.backSelector)) {
+                    // User clicked or tapped a back button
+                    goBack(hash);
 
-            } else if ($el.is(jQTSettings.submitSelector)) {
-                // User clicked or tapped a submit element
-                submitParentForm($el);
+                } else if ($el.is(jQTSettings.submitSelector)) {
+                    // User clicked or tapped a submit element
+                    submitParentForm($el);
 
-            } else if (target === '_webapp') {
-                // User clicked or tapped an internal link, fullscreen mode
-                window.location = href;
-                return false;
-
-            } else if (href === '#') {
-                // Allow tap on item with no href
-                $el.unselect();
-                return true;
-            } else {
-                animation = getAnimation($el);
-
-                if (hash && hash !== '#') {
-                    // Internal href
-                    $el.addClass('active');
-                    goTo($(hash).data('referrer', $el), animation, $el.hasClass('reverse'));
+                } else if (target === '_webapp') {
+                    // User clicked or tapped an internal link, fullscreen mode
+                    window.location = href;
                     return false;
+
+                } else if (href === '#') {
+                    // Allow tap on item with no href
+                    $el.unselect();
+                    return true;
                 } else {
-                    // External href
-                    $el.addClass('loading active');
-                    showPageByHref($el.prop('href'), {
-                        animation: animation,
-                        callback: function() {
-                            $el.removeClass('loading');
-                            setTimeout($.fn.unselect, 250, $el);
-                        },
-                        $referrer: $el
-                    });
-                    return false;
+                    animation = getAnimation($el);
+
+                    if (hash && hash !== '#') {
+                        // Internal href
+                        $el.addClass('active');
+                        goTo($(hash).data('referrer', $el), animation, $el.hasClass('reverse'));
+                        return false;
+                    } else {
+                        // External href
+                        $el.addClass('loading active');
+                        showPageByHref($el.attr('href'), {
+                            animation: animation,
+                            callback: function() {
+                                $el.removeClass('loading');
+                                setTimeout($.fn.unselect, 250, $el);
+                            },
+                            $referrer: $el
+                        });
+                        return false;
+                    }
                 }
+            } else {
+                return true; // someone else is handling routing and history; carry on as normal.
             }
         }
 

From 7b8c678d81db1aa5879b88a726d59d4c67f83587 Mon Sep 17 00:00:00 2001
From: shawndrost <drost@okcupidlabs.com>
Date: Tue, 3 Apr 2012 14:00:30 -0700
Subject: [PATCH 03/15] [wip] add backbone todo app

---
 demos/backbone/backbone-localstorage.js |  84 ++
 demos/backbone/backbone-min.js          |  33 +
 demos/backbone/index.html               |  86 ++
 demos/backbone/json2.js                 | 481 ++++++++++++
 demos/backbone/todos.css                | 211 +++++
 demos/backbone/todos.js                 | 246 ++++++
 demos/backbone/underscore-1.3.1.js      | 999 ++++++++++++++++++++++++
 7 files changed, 2140 insertions(+)
 create mode 100644 demos/backbone/backbone-localstorage.js
 create mode 100644 demos/backbone/backbone-min.js
 create mode 100644 demos/backbone/index.html
 create mode 100644 demos/backbone/json2.js
 create mode 100644 demos/backbone/todos.css
 create mode 100644 demos/backbone/todos.js
 create mode 100644 demos/backbone/underscore-1.3.1.js

diff --git a/demos/backbone/backbone-localstorage.js b/demos/backbone/backbone-localstorage.js
new file mode 100644
index 00000000..091d7f36
--- /dev/null
+++ b/demos/backbone/backbone-localstorage.js
@@ -0,0 +1,84 @@
+// A simple module to replace `Backbone.sync` with *localStorage*-based
+// persistence. Models are given GUIDS, and saved into a JSON object. Simple
+// as that.
+
+// Generate four random hex digits.
+function S4() {
+   return (((1+Math.random())*0x10000)|0).toString(16).substring(1);
+};
+
+// Generate a pseudo-GUID by concatenating random hexadecimal.
+function guid() {
+   return (S4()+S4()+"-"+S4()+"-"+S4()+"-"+S4()+"-"+S4()+S4()+S4());
+};
+
+// Our Store is represented by a single JS object in *localStorage*. Create it
+// with a meaningful name, like the name you'd give a table.
+var Store = function(name) {
+  this.name = name;
+  var store = localStorage.getItem(this.name);
+  this.data = (store && JSON.parse(store)) || {};
+};
+
+_.extend(Store.prototype, {
+
+  // Save the current state of the **Store** to *localStorage*.
+  save: function() {
+    localStorage.setItem(this.name, JSON.stringify(this.data));
+  },
+
+  // Add a model, giving it a (hopefully)-unique GUID, if it doesn't already
+  // have an id of it's own.
+  create: function(model) {
+    if (!model.id) model.id = model.attributes.id = guid();
+    this.data[model.id] = model;
+    this.save();
+    return model;
+  },
+
+  // Update a model by replacing its copy in `this.data`.
+  update: function(model) {
+    this.data[model.id] = model;
+    this.save();
+    return model;
+  },
+
+  // Retrieve a model from `this.data` by id.
+  find: function(model) {
+    return this.data[model.id];
+  },
+
+  // Return the array of all models currently in storage.
+  findAll: function() {
+    return _.values(this.data);
+  },
+
+  // Delete a model from `this.data`, returning it.
+  destroy: function(model) {
+    delete this.data[model.id];
+    this.save();
+    return model;
+  }
+
+});
+
+// Override `Backbone.sync` to use delegate to the model or collection's
+// *localStorage* property, which should be an instance of `Store`.
+Backbone.sync = function(method, model, options) {
+
+  var resp;
+  var store = model.localStorage || model.collection.localStorage;
+
+  switch (method) {
+    case "read":    resp = model.id ? store.find(model) : store.findAll(); break;
+    case "create":  resp = store.create(model);                            break;
+    case "update":  resp = store.update(model);                            break;
+    case "delete":  resp = store.destroy(model);                           break;
+  }
+
+  if (resp) {
+    options.success(resp);
+  } else {
+    options.error("Record not found");
+  }
+};
\ No newline at end of file
diff --git a/demos/backbone/backbone-min.js b/demos/backbone/backbone-min.js
new file mode 100644
index 00000000..3f0d495d
--- /dev/null
+++ b/demos/backbone/backbone-min.js
@@ -0,0 +1,33 @@
+// Backbone.js 0.5.3
+// (c) 2010 Jeremy Ashkenas, DocumentCloud Inc.
+// Backbone may be freely distributed under the MIT license.
+// For all details and documentation:
+// http://documentcloud.github.com/backbone
+(function(){var h=this,p=h.Backbone,e;e=typeof exports!=="undefined"?exports:h.Backbone={};e.VERSION="0.5.3";var f=h._;if(!f&&typeof require!=="undefined")f=require("underscore")._;var g=h.jQuery||h.Zepto;e.noConflict=function(){h.Backbone=p;return this};e.emulateHTTP=!1;e.emulateJSON=!1;e.Events={bind:function(a,b,c){var d=this._callbacks||(this._callbacks={});(d[a]||(d[a]=[])).push([b,c]);return this},unbind:function(a,b){var c;if(a){if(c=this._callbacks)if(b){c=c[a];if(!c)return this;for(var d=
+0,e=c.length;d<e;d++)if(c[d]&&b===c[d][0]){c[d]=null;break}}else c[a]=[]}else this._callbacks={};return this},trigger:function(a){var b,c,d,e,f=2;if(!(c=this._callbacks))return this;for(;f--;)if(b=f?a:"all",b=c[b])for(var g=0,h=b.length;g<h;g++)(d=b[g])?(e=f?Array.prototype.slice.call(arguments,1):arguments,d[0].apply(d[1]||this,e)):(b.splice(g,1),g--,h--);return this}};e.Model=function(a,b){var c;a||(a={});if(c=this.defaults)f.isFunction(c)&&(c=c.call(this)),a=f.extend({},c,a);this.attributes={};
+this._escapedAttributes={};this.cid=f.uniqueId("c");this.set(a,{silent:!0});this._changed=!1;this._previousAttributes=f.clone(this.attributes);if(b&&b.collection)this.collection=b.collection;this.initialize(a,b)};f.extend(e.Model.prototype,e.Events,{_previousAttributes:null,_changed:!1,idAttribute:"id",initialize:function(){},toJSON:function(){return f.clone(this.attributes)},get:function(a){return this.attributes[a]},escape:function(a){var b;if(b=this._escapedAttributes[a])return b;b=this.attributes[a];
+return this._escapedAttributes[a]=(b==null?"":""+b).replace(/&(?!\w+;|#\d+;|#x[\da-f]+;)/gi,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;").replace(/\//g,"&#x2F;")},has:function(a){return this.attributes[a]!=null},set:function(a,b){b||(b={});if(!a)return this;if(a.attributes)a=a.attributes;var c=this.attributes,d=this._escapedAttributes;if(!b.silent&&this.validate&&!this._performValidation(a,b))return!1;if(this.idAttribute in a)this.id=a[this.idAttribute];
+var e=this._changing;this._changing=!0;for(var g in a){var h=a[g];if(!f.isEqual(c[g],h))c[g]=h,delete d[g],this._changed=!0,b.silent||this.trigger("change:"+g,this,h,b)}!e&&!b.silent&&this._changed&&this.change(b);this._changing=!1;return this},unset:function(a,b){if(!(a in this.attributes))return this;b||(b={});var c={};c[a]=void 0;if(!b.silent&&this.validate&&!this._performValidation(c,b))return!1;delete this.attributes[a];delete this._escapedAttributes[a];a==this.idAttribute&&delete this.id;this._changed=
+!0;b.silent||(this.trigger("change:"+a,this,void 0,b),this.change(b));return this},clear:function(a){a||(a={});var b,c=this.attributes,d={};for(b in c)d[b]=void 0;if(!a.silent&&this.validate&&!this._performValidation(d,a))return!1;this.attributes={};this._escapedAttributes={};this._changed=!0;if(!a.silent){for(b in c)this.trigger("change:"+b,this,void 0,a);this.change(a)}return this},fetch:function(a){a||(a={});var b=this,c=a.success;a.success=function(d,e,f){if(!b.set(b.parse(d,f),a))return!1;c&&
+c(b,d)};a.error=i(a.error,b,a);return(this.sync||e.sync).call(this,"read",this,a)},save:function(a,b){b||(b={});if(a&&!this.set(a,b))return!1;var c=this,d=b.success;b.success=function(a,e,f){if(!c.set(c.parse(a,f),b))return!1;d&&d(c,a,f)};b.error=i(b.error,c,b);var f=this.isNew()?"create":"update";return(this.sync||e.sync).call(this,f,this,b)},destroy:function(a){a||(a={});if(this.isNew())return this.trigger("destroy",this,this.collection,a);var b=this,c=a.success;a.success=function(d){b.trigger("destroy",
+b,b.collection,a);c&&c(b,d)};a.error=i(a.error,b,a);return(this.sync||e.sync).call(this,"delete",this,a)},url:function(){var a=k(this.collection)||this.urlRoot||l();if(this.isNew())return a;return a+(a.charAt(a.length-1)=="/"?"":"/")+encodeURIComponent(this.id)},parse:function(a){return a},clone:function(){return new this.constructor(this)},isNew:function(){return this.id==null},change:function(a){this.trigger("change",this,a);this._previousAttributes=f.clone(this.attributes);this._changed=!1},hasChanged:function(a){if(a)return this._previousAttributes[a]!=
+this.attributes[a];return this._changed},changedAttributes:function(a){a||(a=this.attributes);var b=this._previousAttributes,c=!1,d;for(d in a)f.isEqual(b[d],a[d])||(c=c||{},c[d]=a[d]);return c},previous:function(a){if(!a||!this._previousAttributes)return null;return this._previousAttributes[a]},previousAttributes:function(){return f.clone(this._previousAttributes)},_performValidation:function(a,b){var c=this.validate(a);if(c)return b.error?b.error(this,c,b):this.trigger("error",this,c,b),!1;return!0}});
+e.Collection=function(a,b){b||(b={});if(b.comparator)this.comparator=b.comparator;f.bindAll(this,"_onModelEvent","_removeReference");this._reset();a&&this.reset(a,{silent:!0});this.initialize.apply(this,arguments)};f.extend(e.Collection.prototype,e.Events,{model:e.Model,initialize:function(){},toJSON:function(){return this.map(function(a){return a.toJSON()})},add:function(a,b){if(f.isArray(a))for(var c=0,d=a.length;c<d;c++)this._add(a[c],b);else this._add(a,b);return this},remove:function(a,b){if(f.isArray(a))for(var c=
+0,d=a.length;c<d;c++)this._remove(a[c],b);else this._remove(a,b);return this},get:function(a){if(a==null)return null;return this._byId[a.id!=null?a.id:a]},getByCid:function(a){return a&&this._byCid[a.cid||a]},at:function(a){return this.models[a]},sort:function(a){a||(a={});if(!this.comparator)throw Error("Cannot sort a set without a comparator");this.models=this.sortBy(this.comparator);a.silent||this.trigger("reset",this,a);return this},pluck:function(a){return f.map(this.models,function(b){return b.get(a)})},
+reset:function(a,b){a||(a=[]);b||(b={});this.each(this._removeReference);this._reset();this.add(a,{silent:!0});b.silent||this.trigger("reset",this,b);return this},fetch:function(a){a||(a={});var b=this,c=a.success;a.success=function(d,f,e){b[a.add?"add":"reset"](b.parse(d,e),a);c&&c(b,d)};a.error=i(a.error,b,a);return(this.sync||e.sync).call(this,"read",this,a)},create:function(a,b){var c=this;b||(b={});a=this._prepareModel(a,b);if(!a)return!1;var d=b.success;b.success=function(a,e,f){c.add(a,b);
+d&&d(a,e,f)};a.save(null,b);return a},parse:function(a){return a},chain:function(){return f(this.models).chain()},_reset:function(){this.length=0;this.models=[];this._byId={};this._byCid={}},_prepareModel:function(a,b){if(a instanceof e.Model){if(!a.collection)a.collection=this}else{var c=a;a=new this.model(c,{collection:this});a.validate&&!a._performValidation(c,b)&&(a=!1)}return a},_add:function(a,b){b||(b={});a=this._prepareModel(a,b);if(!a)return!1;var c=this.getByCid(a);if(c)throw Error(["Can't add the same model to a set twice",
+c.id]);this._byId[a.id]=a;this._byCid[a.cid]=a;this.models.splice(b.at!=null?b.at:this.comparator?this.sortedIndex(a,this.comparator):this.length,0,a);a.bind("all",this._onModelEvent);this.length++;b.silent||a.trigger("add",a,this,b);return a},_remove:function(a,b){b||(b={});a=this.getByCid(a)||this.get(a);if(!a)return null;delete this._byId[a.id];delete this._byCid[a.cid];this.models.splice(this.indexOf(a),1);this.length--;b.silent||a.trigger("remove",a,this,b);this._removeReference(a);return a},
+_removeReference:function(a){this==a.collection&&delete a.collection;a.unbind("all",this._onModelEvent)},_onModelEvent:function(a,b,c,d){(a=="add"||a=="remove")&&c!=this||(a=="destroy"&&this._remove(b,d),b&&a==="change:"+b.idAttribute&&(delete this._byId[b.previous(b.idAttribute)],this._byId[b.id]=b),this.trigger.apply(this,arguments))}});f.each(["forEach","each","map","reduce","reduceRight","find","detect","filter","select","reject","every","all","some","any","include","contains","invoke","max",
+"min","sortBy","sortedIndex","toArray","size","first","rest","last","without","indexOf","lastIndexOf","isEmpty","groupBy"],function(a){e.Collection.prototype[a]=function(){return f[a].apply(f,[this.models].concat(f.toArray(arguments)))}});e.Router=function(a){a||(a={});if(a.routes)this.routes=a.routes;this._bindRoutes();this.initialize.apply(this,arguments)};var q=/:([\w\d]+)/g,r=/\*([\w\d]+)/g,s=/[-[\]{}()+?.,\\^$|#\s]/g;f.extend(e.Router.prototype,e.Events,{initialize:function(){},route:function(a,
+b,c){e.history||(e.history=new e.History);f.isRegExp(a)||(a=this._routeToRegExp(a));e.history.route(a,f.bind(function(d){d=this._extractParameters(a,d);c.apply(this,d);this.trigger.apply(this,["route:"+b].concat(d))},this))},navigate:function(a,b){e.history.navigate(a,b)},_bindRoutes:function(){if(this.routes){var a=[],b;for(b in this.routes)a.unshift([b,this.routes[b]]);b=0;for(var c=a.length;b<c;b++)this.route(a[b][0],a[b][1],this[a[b][1]])}},_routeToRegExp:function(a){a=a.replace(s,"\\$&").replace(q,
+"([^/]*)").replace(r,"(.*?)");return RegExp("^"+a+"$")},_extractParameters:function(a,b){return a.exec(b).slice(1)}});e.History=function(){this.handlers=[];f.bindAll(this,"checkUrl")};var j=/^#*/,t=/msie [\w.]+/,m=!1;f.extend(e.History.prototype,{interval:50,getFragment:function(a,b){if(a==null)if(this._hasPushState||b){a=window.location.pathname;var c=window.location.search;c&&(a+=c);a.indexOf(this.options.root)==0&&(a=a.substr(this.options.root.length))}else a=window.location.hash;return decodeURIComponent(a.replace(j,
+""))},start:function(a){if(m)throw Error("Backbone.history has already been started");this.options=f.extend({},{root:"/"},this.options,a);this._wantsPushState=!!this.options.pushState;this._hasPushState=!(!this.options.pushState||!window.history||!window.history.pushState);a=this.getFragment();var b=document.documentMode;if(b=t.exec(navigator.userAgent.toLowerCase())&&(!b||b<=7))this.iframe=g('<iframe src="javascript:0" tabindex="-1" />').hide().appendTo("body")[0].contentWindow,this.navigate(a);
+this._hasPushState?g(window).bind("popstate",this.checkUrl):"onhashchange"in window&&!b?g(window).bind("hashchange",this.checkUrl):setInterval(this.checkUrl,this.interval);this.fragment=a;m=!0;a=window.location;b=a.pathname==this.options.root;if(this._wantsPushState&&!this._hasPushState&&!b)return this.fragment=this.getFragment(null,!0),window.location.replace(this.options.root+"#"+this.fragment),!0;else if(this._wantsPushState&&this._hasPushState&&b&&a.hash)this.fragment=a.hash.replace(j,""),window.history.replaceState({},
+document.title,a.protocol+"//"+a.host+this.options.root+this.fragment);if(!this.options.silent)return this.loadUrl()},route:function(a,b){this.handlers.unshift({route:a,callback:b})},checkUrl:function(){var a=this.getFragment();a==this.fragment&&this.iframe&&(a=this.getFragment(this.iframe.location.hash));if(a==this.fragment||a==decodeURIComponent(this.fragment))return!1;this.iframe&&this.navigate(a);this.loadUrl()||this.loadUrl(window.location.hash)},loadUrl:function(a){var b=this.fragment=this.getFragment(a);
+return f.any(this.handlers,function(a){if(a.route.test(b))return a.callback(b),!0})},navigate:function(a,b){var c=(a||"").replace(j,"");if(!(this.fragment==c||this.fragment==decodeURIComponent(c))){if(this._hasPushState){var d=window.location;c.indexOf(this.options.root)!=0&&(c=this.options.root+c);this.fragment=c;window.history.pushState({},document.title,d.protocol+"//"+d.host+c)}else if(window.location.hash=this.fragment=c,this.iframe&&c!=this.getFragment(this.iframe.location.hash))this.iframe.document.open().close(),
+this.iframe.location.hash=c;b&&this.loadUrl(a)}}});e.View=function(a){this.cid=f.uniqueId("view");this._configure(a||{});this._ensureElement();this.delegateEvents();this.initialize.apply(this,arguments)};var u=/^(\S+)\s*(.*)$/,n=["model","collection","el","id","attributes","className","tagName"];f.extend(e.View.prototype,e.Events,{tagName:"div",$:function(a){return g(a,this.el)},initialize:function(){},render:function(){return this},remove:function(){g(this.el).remove();return this},make:function(a,
+b,c){a=document.createElement(a);b&&g(a).attr(b);c&&g(a).html(c);return a},delegateEvents:function(a){if(a||(a=this.events))for(var b in f.isFunction(a)&&(a=a.call(this)),g(this.el).unbind(".delegateEvents"+this.cid),a){var c=this[a[b]];if(!c)throw Error('Event "'+a[b]+'" does not exist');var d=b.match(u),e=d[1];d=d[2];c=f.bind(c,this);e+=".delegateEvents"+this.cid;d===""?g(this.el).bind(e,c):g(this.el).delegate(d,e,c)}},_configure:function(a){this.options&&(a=f.extend({},this.options,a));for(var b=
+0,c=n.length;b<c;b++){var d=n[b];a[d]&&(this[d]=a[d])}this.options=a},_ensureElement:function(){if(this.el){if(f.isString(this.el))this.el=g(this.el).get(0)}else{var a=this.attributes||{};if(this.id)a.id=this.id;if(this.className)a["class"]=this.className;this.el=this.make(this.tagName,a)}}});e.Model.extend=e.Collection.extend=e.Router.extend=e.View.extend=function(a,b){var c=v(this,a,b);c.extend=this.extend;return c};var w={create:"POST",update:"PUT","delete":"DELETE",read:"GET"};e.sync=function(a,
+b,c){var d=w[a];c=f.extend({type:d,dataType:"json"},c);if(!c.url)c.url=k(b)||l();if(!c.data&&b&&(a=="create"||a=="update"))c.contentType="application/json",c.data=JSON.stringify(b.toJSON());if(e.emulateJSON)c.contentType="application/x-www-form-urlencoded",c.data=c.data?{model:c.data}:{};if(e.emulateHTTP&&(d==="PUT"||d==="DELETE")){if(e.emulateJSON)c.data._method=d;c.type="POST";c.beforeSend=function(a){a.setRequestHeader("X-HTTP-Method-Override",d)}}if(c.type!=="GET"&&!e.emulateJSON)c.processData=
+!1;return g.ajax(c)};var o=function(){},v=function(a,b,c){var d;d=b&&b.hasOwnProperty("constructor")?b.constructor:function(){return a.apply(this,arguments)};f.extend(d,a);o.prototype=a.prototype;d.prototype=new o;b&&f.extend(d.prototype,b);c&&f.extend(d,c);d.prototype.constructor=d;d.__super__=a.prototype;return d},k=function(a){if(!a||!a.url)return null;return f.isFunction(a.url)?a.url():a.url},l=function(){throw Error('A "url" property or function must be specified');},i=function(a,b,c){return function(d){a?
+a(b,d,c):b.trigger("error",b,d,c)}}}).call(this);
diff --git a/demos/backbone/index.html b/demos/backbone/index.html
new file mode 100644
index 00000000..7c24851e
--- /dev/null
+++ b/demos/backbone/index.html
@@ -0,0 +1,86 @@
+<!doctype html>
+<html>
+    <head>
+        <meta charset="UTF-8" />
+        <title>jQTouch and Backbone &beta;</title>
+        <link rel="stylesheet" href="../../themes/css/jqtouch.css" title="jQTouch">
+        <link rel="stylesheet" href="todos.css">
+    </head>
+    <body>
+        <div id="jqt">
+            <div id="home">
+
+        <div id="todoapp">
+          
+          <header>
+            <h1>Todos</h1>
+            <input id="new-todo" type="text" placeholder="What needs to be done?">
+          </header>
+
+          <section id="main">
+            <input id="toggle-all" type="checkbox">
+            <label for="toggle-all">Mark all as complete</label>
+            <ul id="todo-list"></ul>
+          </section>
+
+          <footer>
+            <a id="clear-completed">Clear completed</a>
+            <div id="todo-count"></div>
+          </footer>
+          
+        </div>
+        
+        <div id="instructions">
+          Double-click to edit a todo.
+        </div>
+        
+        <div id="credits">
+          Created by
+          <br />
+          <a href="http://jgn.me/">J&eacute;r&ocirc;me Gravel-Niquet</a>.
+          <br />Rewritten by: <a href="http://addyosmani.github.com/todomvc">TodoMVC</a>.
+        </div>
+
+            </div>
+        </div>
+
+        <script src="../../src/lib/jquery-1.7.min.js" type="application/x-javascript" charset="utf-8"></script>
+        <script src="../../src/jqtouch.js" type="application/x-javascript" charset="utf-8"></script>
+        <script src="../../src/jqtouch-jquery.js" type="application/x-javascript" charset="utf-8"></script>
+
+        <!-- backbone libs -->
+        <script src="underscore-1.3.1.js"></script>
+        <script src="backbone-min.js"></script>
+
+        <!-- app-specific stuff -->
+        <script src="json2.js"></script>
+        <script src="backbone-localstorage.js"></script>
+        <script src="todos.js"></script>
+
+        <script type="text/javascript" charset="utf-8">
+            $(function(){
+                var jQT = new $.jQTouch({
+                    handleRoutingAndHistory: false
+                });
+            });
+        </script>
+
+        <!-- Templates -->
+
+        <script type="text/template" id="item-template">
+          <div class="view">
+            <input class="toggle" type="checkbox" <%= done ? 'checked="checked"' : '' %> />
+            <label><%= title %></label>
+            <a class="destroy"></a>
+          </div>
+          <input class="edit" type="text" value="<%= title %>" />
+        </script>
+
+        <script type="text/template" id="stats-template">
+          <% if (done) { %>
+            <a id="clear-completed">Clear <%= done %> completed <%= done == 1 ? 'item' : 'items' %></a>
+          <% } %>
+          <div class="todo-count"><b><%= remaining %></b> <%= remaining == 1 ? 'item' : 'items' %> left</div>
+        </script>
+    </body>
+</html>
\ No newline at end of file
diff --git a/demos/backbone/json2.js b/demos/backbone/json2.js
new file mode 100644
index 00000000..23602599
--- /dev/null
+++ b/demos/backbone/json2.js
@@ -0,0 +1,481 @@
+/*
+    http://www.JSON.org/json2.js
+    2009-09-29
+
+    Public Domain.
+
+    NO WARRANTY EXPRESSED OR IMPLIED. USE AT YOUR OWN RISK.
+
+    See http://www.JSON.org/js.html
+
+
+    This code should be minified before deployment.
+    See http://javascript.crockford.com/jsmin.html
+
+    USE YOUR OWN COPY. IT IS EXTREMELY UNWISE TO LOAD CODE FROM SERVERS YOU DO
+    NOT CONTROL.
+
+
+    This file creates a global JSON object containing two methods: stringify
+    and parse.
+
+        JSON.stringify(value, replacer, space)
+            value       any JavaScript value, usually an object or array.
+
+            replacer    an optional parameter that determines how object
+                        values are stringified for objects. It can be a
+                        function or an array of strings.
+
+            space       an optional parameter that specifies the indentation
+                        of nested structures. If it is omitted, the text will
+                        be packed without extra whitespace. If it is a number,
+                        it will specify the number of spaces to indent at each
+                        level. If it is a string (such as '\t' or '&nbsp;'),
+                        it contains the characters used to indent at each level.
+
+            This method produces a JSON text from a JavaScript value.
+
+            When an object value is found, if the object contains a toJSON
+            method, its toJSON method will be called and the result will be
+            stringified. A toJSON method does not serialize: it returns the
+            value represented by the name/value pair that should be serialized,
+            or undefined if nothing should be serialized. The toJSON method
+            will be passed the key associated with the value, and this will be
+            bound to the value
+
+            For example, this would serialize Dates as ISO strings.
+
+                Date.prototype.toJSON = function (key) {
+                    function f(n) {
+                        // Format integers to have at least two digits.
+                        return n < 10 ? '0' + n : n;
+                    }
+
+                    return this.getUTCFullYear()   + '-' +
+                         f(this.getUTCMonth() + 1) + '-' +
+                         f(this.getUTCDate())      + 'T' +
+                         f(this.getUTCHours())     + ':' +
+                         f(this.getUTCMinutes())   + ':' +
+                         f(this.getUTCSeconds())   + 'Z';
+                };
+
+            You can provide an optional replacer method. It will be passed the
+            key and value of each member, with this bound to the containing
+            object. The value that is returned from your method will be
+            serialized. If your method returns undefined, then the member will
+            be excluded from the serialization.
+
+            If the replacer parameter is an array of strings, then it will be
+            used to select the members to be serialized. It filters the results
+            such that only members with keys listed in the replacer array are
+            stringified.
+
+            Values that do not have JSON representations, such as undefined or
+            functions, will not be serialized. Such values in objects will be
+            dropped; in arrays they will be replaced with null. You can use
+            a replacer function to replace those with JSON values.
+            JSON.stringify(undefined) returns undefined.
+
+            The optional space parameter produces a stringification of the
+            value that is filled with line breaks and indentation to make it
+            easier to read.
+
+            If the space parameter is a non-empty string, then that string will
+            be used for indentation. If the space parameter is a number, then
+            the indentation will be that many spaces.
+
+            Example:
+
+            text = JSON.stringify(['e', {pluribus: 'unum'}]);
+            // text is '["e",{"pluribus":"unum"}]'
+
+
+            text = JSON.stringify(['e', {pluribus: 'unum'}], null, '\t');
+            // text is '[\n\t"e",\n\t{\n\t\t"pluribus": "unum"\n\t}\n]'
+
+            text = JSON.stringify([new Date()], function (key, value) {
+                return this[key] instanceof Date ?
+                    'Date(' + this[key] + ')' : value;
+            });
+            // text is '["Date(---current time---)"]'
+
+
+        JSON.parse(text, reviver)
+            This method parses a JSON text to produce an object or array.
+            It can throw a SyntaxError exception.
+
+            The optional reviver parameter is a function that can filter and
+            transform the results. It receives each of the keys and values,
+            and its return value is used instead of the original value.
+            If it returns what it received, then the structure is not modified.
+            If it returns undefined then the member is deleted.
+
+            Example:
+
+            // Parse the text. Values that look like ISO date strings will
+            // be converted to Date objects.
+
+            myData = JSON.parse(text, function (key, value) {
+                var a;
+                if (typeof value === 'string') {
+                    a =
+/^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2}(?:\.\d*)?)Z$/.exec(value);
+                    if (a) {
+                        return new Date(Date.UTC(+a[1], +a[2] - 1, +a[3], +a[4],
+                            +a[5], +a[6]));
+                    }
+                }
+                return value;
+            });
+
+            myData = JSON.parse('["Date(09/09/2001)"]', function (key, value) {
+                var d;
+                if (typeof value === 'string' &&
+                        value.slice(0, 5) === 'Date(' &&
+                        value.slice(-1) === ')') {
+                    d = new Date(value.slice(5, -1));
+                    if (d) {
+                        return d;
+                    }
+                }
+                return value;
+            });
+
+
+    This is a reference implementation. You are free to copy, modify, or
+    redistribute.
+*/
+
+/*jslint evil: true, strict: false */
+
+/*members "", "\b", "\t", "\n", "\f", "\r", "\"", JSON, "\\", apply,
+    call, charCodeAt, getUTCDate, getUTCFullYear, getUTCHours,
+    getUTCMinutes, getUTCMonth, getUTCSeconds, hasOwnProperty, join,
+    lastIndex, length, parse, prototype, push, replace, slice, stringify,
+    test, toJSON, toString, valueOf
+*/
+
+
+// Create a JSON object only if one does not already exist. We create the
+// methods in a closure to avoid creating global variables.
+
+if (!this.JSON) {
+    this.JSON = {};
+}
+
+(function () {
+
+    function f(n) {
+        // Format integers to have at least two digits.
+        return n < 10 ? '0' + n : n;
+    }
+
+    if (typeof Date.prototype.toJSON !== 'function') {
+
+        Date.prototype.toJSON = function (key) {
+
+            return isFinite(this.valueOf()) ?
+                   this.getUTCFullYear()   + '-' +
+                 f(this.getUTCMonth() + 1) + '-' +
+                 f(this.getUTCDate())      + 'T' +
+                 f(this.getUTCHours())     + ':' +
+                 f(this.getUTCMinutes())   + ':' +
+                 f(this.getUTCSeconds())   + 'Z' : null;
+        };
+
+        String.prototype.toJSON =
+        Number.prototype.toJSON =
+        Boolean.prototype.toJSON = function (key) {
+            return this.valueOf();
+        };
+    }
+
+    var cx = /[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
+        escapable = /[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
+        gap,
+        indent,
+        meta = {    // table of character substitutions
+            '\b': '\\b',
+            '\t': '\\t',
+            '\n': '\\n',
+            '\f': '\\f',
+            '\r': '\\r',
+            '"' : '\\"',
+            '\\': '\\\\'
+        },
+        rep;
+
+
+    function quote(string) {
+
+// If the string contains no control characters, no quote characters, and no
+// backslash characters, then we can safely slap some quotes around it.
+// Otherwise we must also replace the offending characters with safe escape
+// sequences.
+
+        escapable.lastIndex = 0;
+        return escapable.test(string) ?
+            '"' + string.replace(escapable, function (a) {
+                var c = meta[a];
+                return typeof c === 'string' ? c :
+                    '\\u' + ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
+            }) + '"' :
+            '"' + string + '"';
+    }
+
+
+    function str(key, holder) {
+
+// Produce a string from holder[key].
+
+        var i,          // The loop counter.
+            k,          // The member key.
+            v,          // The member value.
+            length,
+            mind = gap,
+            partial,
+            value = holder[key];
+
+// If the value has a toJSON method, call it to obtain a replacement value.
+
+        if (value && typeof value === 'object' &&
+                typeof value.toJSON === 'function') {
+            value = value.toJSON(key);
+        }
+
+// If we were called with a replacer function, then call the replacer to
+// obtain a replacement value.
+
+        if (typeof rep === 'function') {
+            value = rep.call(holder, key, value);
+        }
+
+// What happens next depends on the value's type.
+
+        switch (typeof value) {
+        case 'string':
+            return quote(value);
+
+        case 'number':
+
+// JSON numbers must be finite. Encode non-finite numbers as null.
+
+            return isFinite(value) ? String(value) : 'null';
+
+        case 'boolean':
+        case 'null':
+
+// If the value is a boolean or null, convert it to a string. Note:
+// typeof null does not produce 'null'. The case is included here in
+// the remote chance that this gets fixed someday.
+
+            return String(value);
+
+// If the type is 'object', we might be dealing with an object or an array or
+// null.
+
+        case 'object':
+
+// Due to a specification blunder in ECMAScript, typeof null is 'object',
+// so watch out for that case.
+
+            if (!value) {
+                return 'null';
+            }
+
+// Make an array to hold the partial results of stringifying this object value.
+
+            gap += indent;
+            partial = [];
+
+// Is the value an array?
+
+            if (Object.prototype.toString.apply(value) === '[object Array]') {
+
+// The value is an array. Stringify every element. Use null as a placeholder
+// for non-JSON values.
+
+                length = value.length;
+                for (i = 0; i < length; i += 1) {
+                    partial[i] = str(i, value) || 'null';
+                }
+
+// Join all of the elements together, separated with commas, and wrap them in
+// brackets.
+
+                v = partial.length === 0 ? '[]' :
+                    gap ? '[\n' + gap +
+                            partial.join(',\n' + gap) + '\n' +
+                                mind + ']' :
+                          '[' + partial.join(',') + ']';
+                gap = mind;
+                return v;
+            }
+
+// If the replacer is an array, use it to select the members to be stringified.
+
+            if (rep && typeof rep === 'object') {
+                length = rep.length;
+                for (i = 0; i < length; i += 1) {
+                    k = rep[i];
+                    if (typeof k === 'string') {
+                        v = str(k, value);
+                        if (v) {
+                            partial.push(quote(k) + (gap ? ': ' : ':') + v);
+                        }
+                    }
+                }
+            } else {
+
+// Otherwise, iterate through all of the keys in the object.
+
+                for (k in value) {
+                    if (Object.hasOwnProperty.call(value, k)) {
+                        v = str(k, value);
+                        if (v) {
+                            partial.push(quote(k) + (gap ? ': ' : ':') + v);
+                        }
+                    }
+                }
+            }
+
+// Join all of the member texts together, separated with commas,
+// and wrap them in braces.
+
+            v = partial.length === 0 ? '{}' :
+                gap ? '{\n' + gap + partial.join(',\n' + gap) + '\n' +
+                        mind + '}' : '{' + partial.join(',') + '}';
+            gap = mind;
+            return v;
+        }
+    }
+
+// If the JSON object does not yet have a stringify method, give it one.
+
+    if (typeof JSON.stringify !== 'function') {
+        JSON.stringify = function (value, replacer, space) {
+
+// The stringify method takes a value and an optional replacer, and an optional
+// space parameter, and returns a JSON text. The replacer can be a function
+// that can replace values, or an array of strings that will select the keys.
+// A default replacer method can be provided. Use of the space parameter can
+// produce text that is more easily readable.
+
+            var i;
+            gap = '';
+            indent = '';
+
+// If the space parameter is a number, make an indent string containing that
+// many spaces.
+
+            if (typeof space === 'number') {
+                for (i = 0; i < space; i += 1) {
+                    indent += ' ';
+                }
+
+// If the space parameter is a string, it will be used as the indent string.
+
+            } else if (typeof space === 'string') {
+                indent = space;
+            }
+
+// If there is a replacer, it must be a function or an array.
+// Otherwise, throw an error.
+
+            rep = replacer;
+            if (replacer && typeof replacer !== 'function' &&
+                    (typeof replacer !== 'object' ||
+                     typeof replacer.length !== 'number')) {
+                throw new Error('JSON.stringify');
+            }
+
+// Make a fake root object containing our value under the key of ''.
+// Return the result of stringifying the value.
+
+            return str('', {'': value});
+        };
+    }
+
+
+// If the JSON object does not yet have a parse method, give it one.
+
+    if (typeof JSON.parse !== 'function') {
+        JSON.parse = function (text, reviver) {
+
+// The parse method takes a text and an optional reviver function, and returns
+// a JavaScript value if the text is a valid JSON text.
+
+            var j;
+
+            function walk(holder, key) {
+
+// The walk method is used to recursively walk the resulting structure so
+// that modifications can be made.
+
+                var k, v, value = holder[key];
+                if (value && typeof value === 'object') {
+                    for (k in value) {
+                        if (Object.hasOwnProperty.call(value, k)) {
+                            v = walk(value, k);
+                            if (v !== undefined) {
+                                value[k] = v;
+                            } else {
+                                delete value[k];
+                            }
+                        }
+                    }
+                }
+                return reviver.call(holder, key, value);
+            }
+
+
+// Parsing happens in four stages. In the first stage, we replace certain
+// Unicode characters with escape sequences. JavaScript handles many characters
+// incorrectly, either silently deleting them, or treating them as line endings.
+
+            cx.lastIndex = 0;
+            if (cx.test(text)) {
+                text = text.replace(cx, function (a) {
+                    return '\\u' +
+                        ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
+                });
+            }
+
+// In the second stage, we run the text against regular expressions that look
+// for non-JSON patterns. We are especially concerned with '()' and 'new'
+// because they can cause invocation, and '=' because it can cause mutation.
+// But just to be safe, we want to reject all unexpected forms.
+
+// We split the second stage into 4 regexp operations in order to work around
+// crippling inefficiencies in IE's and Safari's regexp engines. First we
+// replace the JSON backslash pairs with '@' (a non-JSON character). Second, we
+// replace all simple value tokens with ']' characters. Third, we delete all
+// open brackets that follow a colon or comma or that begin the text. Finally,
+// we look to see that the remaining characters are only whitespace or ']' or
+// ',' or ':' or '{' or '}'. If that is so, then the text is safe for eval.
+
+            if (/^[\],:{}\s]*$/.
+test(text.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g, '@').
+replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']').
+replace(/(?:^|:|,)(?:\s*\[)+/g, ''))) {
+
+// In the third stage we use the eval function to compile the text into a
+// JavaScript structure. The '{' operator is subject to a syntactic ambiguity
+// in JavaScript: it can begin a block or an object literal. We wrap the text
+// in parens to eliminate the ambiguity.
+
+                j = eval('(' + text + ')');
+
+// In the optional fourth stage, we recursively walk the new structure, passing
+// each name/value pair to a reviver function for possible transformation.
+
+                return typeof reviver === 'function' ?
+                    walk({'': j}, '') : j;
+            }
+
+// If the text is not JSON parseable, then a SyntaxError is thrown.
+
+            throw new SyntaxError('JSON.parse');
+        };
+    }
+}());
\ No newline at end of file
diff --git a/demos/backbone/todos.css b/demos/backbone/todos.css
new file mode 100644
index 00000000..35bdb056
--- /dev/null
+++ b/demos/backbone/todos.css
@@ -0,0 +1,211 @@
+html,
+body {
+	margin: 0;
+	padding: 0;
+}
+
+body {
+	font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
+	line-height: 1.4em;
+	background: #eeeeee;
+	color: #333333;
+	width: 520px;
+	margin: 0 auto;
+	-webkit-font-smoothing: antialiased;
+}
+
+#todoapp {
+	background: #fff;
+	padding: 20px;
+	margin-bottom: 40px;
+	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 6px 0;
+	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 6px 0;
+	-ms-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 6px 0;
+	-o-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 6px 0;
+	box-shadow: rgba(0, 0, 0, 0.2) 0 2px 6px 0;
+	-webkit-border-radius: 0 0 5px 5px;
+	-moz-border-radius: 0 0 5px 5px;
+	-ms-border-radius: 0 0 5px 5px;
+	-o-border-radius: 0 0 5px 5px;
+	border-radius: 0 0 5px 5px;
+}
+
+#todoapp h1 {
+	font-size: 36px;
+	font-weight: bold;
+	text-align: center;
+	padding: 0 0 10px 0;
+}
+
+#todoapp input[type="text"] {
+	width: 466px;
+	font-size: 24px;
+	font-family: inherit;
+	line-height: 1.4em;
+	border: 0;
+	outline: none;
+	padding: 6px;
+	border: 1px solid #999999;
+	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px 0 inset;
+	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px 0 inset;
+	-ms-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px 0 inset;
+	-o-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px 0 inset;
+	box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px 0 inset;
+}
+
+#todoapp input::-webkit-input-placeholder {
+	font-style: italic;
+}
+
+#main {
+	display: none;
+}
+
+#todo-list {
+	margin: 10px 0;
+	padding: 0;
+	list-style: none;
+}
+
+#todo-list li {
+	padding: 18px 20px 18px 0;
+	position: relative;
+	font-size: 24px;
+	border-bottom: 1px solid #cccccc;
+}
+
+#todo-list li:last-child {
+	border-bottom: none;
+}
+
+#todo-list li.done label {
+	color: #777777;
+	text-decoration: line-through;
+}
+
+#todo-list .destroy {
+	position: absolute;
+	right: 5px;
+	top: 20px;
+	display: none;
+	cursor: pointer;
+	width: 20px;
+	height: 20px;
+	background: url(destroy.png) no-repeat;
+}
+
+#todo-list li:hover .destroy {
+  	display: block;
+}
+
+#todo-list .destroy:hover {
+  	background-position: 0 -20px;
+}
+
+#todo-list li.editing {
+	border-bottom: none;
+	margin-top: -1px;
+	padding: 0;
+}
+
+#todo-list li.editing:last-child {
+	margin-bottom: -1px;
+}
+
+#todo-list li.editing .edit {
+	display: block;
+	width: 444px;
+	padding: 13px 15px 14px 20px;
+	margin: 0;
+}
+
+#todo-list li.editing .view {
+	display: none;
+}
+
+#todo-list li .view label {
+	word-break: break-word;
+}
+
+#todo-list li .edit {
+	display: none;
+}
+
+#todoapp footer {
+	display: none;
+	margin: 0 -20px -20px -20px;
+	overflow: hidden;
+	color: #555555;
+	background: #f4fce8;
+	border-top: 1px solid #ededed;
+	padding: 0 20px;
+	line-height: 37px;
+	-webkit-border-radius: 0 0 5px 5px;
+	-moz-border-radius: 0 0 5px 5px;
+	-ms-border-radius: 0 0 5px 5px;
+	-o-border-radius: 0 0 5px 5px;
+	border-radius: 0 0 5px 5px;
+}
+
+#clear-completed {
+	float: right;
+	line-height: 20px;
+	text-decoration: none;
+	background: rgba(0, 0, 0, 0.1);
+	color: #555555;
+	font-size: 11px;
+	margin-top: 8px;
+	margin-bottom: 8px;
+	padding: 0 10px 1px;
+	cursor: pointer;
+	-webkit-border-radius: 12px;
+	-moz-border-radius: 12px;
+	-ms-border-radius: 12px;
+	-o-border-radius: 12px;
+	border-radius: 12px;
+	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 0 0;
+	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 0 0;
+	-ms-box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 0 0;
+	-o-box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 0 0;
+	box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 0 0;
+}
+
+#clear-completed:hover {
+	background: rgba(0, 0, 0, 0.15);
+	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 -1px 0 0;
+	-moz-box-shadow: rgba(0, 0, 0, 0.3) 0 -1px 0 0;
+	-ms-box-shadow: rgba(0, 0, 0, 0.3) 0 -1px 0 0;
+	-o-box-shadow: rgba(0, 0, 0, 0.3) 0 -1px 0 0;
+	box-shadow: rgba(0, 0, 0, 0.3) 0 -1px 0 0;
+}
+
+#clear-completed:active {
+	position: relative;
+	top: 1px;
+}
+
+#todo-count span {
+	font-weight: bold;
+}
+
+#instructions {
+	margin: 10px auto;
+	color: #777777;
+	text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
+	text-align: center;
+}
+
+#instructions a {
+	color: #336699;
+}
+
+#credits {
+	margin: 30px auto;
+	color: #999;
+	text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
+	text-align: center;
+}
+
+#credits a {
+	color: #888;
+}
diff --git a/demos/backbone/todos.js b/demos/backbone/todos.js
new file mode 100644
index 00000000..fe8ff806
--- /dev/null
+++ b/demos/backbone/todos.js
@@ -0,0 +1,246 @@
+// An example Backbone application contributed by
+// [Jérôme Gravel-Niquet](http://jgn.me/). This demo uses a simple
+// [LocalStorage adapter](backbone-localstorage.js)
+// to persist Backbone models within your browser.
+
+// Load the application once the DOM is ready, using `jQuery.ready`:
+$(function(){
+
+  // Todo Model
+  // ----------
+
+  // Our basic **Todo** model has `title`, `order`, and `done` attributes.
+  var Todo = Backbone.Model.extend({
+
+    // Default attributes for the todo item.
+    defaults: function() {
+      return {
+        title: "empty todo...",
+        order: Todos.nextOrder(),
+        done: false
+      };
+    },
+
+    // Ensure that each todo created has `title`.
+    initialize: function() {
+      if (!this.get("title")) {
+        this.set({"title": this.defaults.title});
+      }
+    },
+
+    // Toggle the `done` state of this todo item.
+    toggle: function() {
+      this.save({done: !this.get("done")});
+    },
+
+    // Remove this Todo from *localStorage* and delete its view.
+    clear: function() {
+      this.destroy();
+    }
+
+  });
+
+  // Todo Collection
+  // ---------------
+
+  // The collection of todos is backed by *localStorage* instead of a remote
+  // server.
+  var TodoList = Backbone.Collection.extend({
+
+    // Reference to this collection's model.
+    model: Todo,
+
+    // Save all of the todo items under the `"todos"` namespace.
+    localStorage: new Store("todos-backbone"),
+
+    // Filter down the list of all todo items that are finished.
+    done: function() {
+      return this.filter(function(todo){ return todo.get('done'); });
+    },
+
+    // Filter down the list to only todo items that are still not finished.
+    remaining: function() {
+      return this.without.apply(this, this.done());
+    },
+
+    // We keep the Todos in sequential order, despite being saved by unordered
+    // GUID in the database. This generates the next order number for new items.
+    nextOrder: function() {
+      if (!this.length) return 1;
+      return this.last().get('order') + 1;
+    },
+
+    // Todos are sorted by their original insertion order.
+    comparator: function(todo) {
+      return todo.get('order');
+    }
+
+  });
+
+  // Create our global collection of **Todos**.
+  var Todos = new TodoList;
+
+  // Todo Item View
+  // --------------
+
+  // The DOM element for a todo item...
+  var TodoView = Backbone.View.extend({
+
+    //... is a list tag.
+    tagName:  "li",
+
+    // Cache the template function for a single item.
+    template: _.template($('#item-template').html()),
+
+    // The DOM events specific to an item.
+    events: {
+      "click .toggle"   : "toggleDone",
+      "dblclick .view"  : "edit",
+      "click a.destroy" : "clear",
+      "keypress .edit"  : "updateOnEnter",
+      "blur .edit"      : "close"
+    },
+
+    // The TodoView listens for changes to its model, re-rendering. Since there's
+    // a one-to-one correspondence between a **Todo** and a **TodoView** in this
+    // app, we set a direct reference on the model for convenience.
+    initialize: function() {
+      this.model.bind('change', this.render, this);
+      this.model.bind('destroy', this.remove, this);
+    },
+
+    // Re-render the titles of the todo item.
+    render: function() {
+      console.log(this);
+      $(this.el).html(this.template(this.model.toJSON()));
+      $(this.el).toggleClass('done', this.model.get('done'));
+      this.input = this.$('.edit');
+      return this;
+    },
+
+    // Toggle the `"done"` state of the model.
+    toggleDone: function() {
+      this.model.toggle();
+    },
+
+    // Switch this view into `"editing"` mode, displaying the input field.
+    edit: function() {
+      this.$el.addClass("editing");
+      this.input.focus();
+    },
+
+    // Close the `"editing"` mode, saving changes to the todo.
+    close: function() {
+      var value = this.input.val();
+      if (!value) this.clear();
+      this.model.save({title: value});
+      this.$el.removeClass("editing");
+    },
+
+    // If you hit `enter`, we're through editing the item.
+    updateOnEnter: function(e) {
+      if (e.keyCode == 13) this.close();
+    },
+
+    // Remove the item, destroy the model.
+    clear: function() {
+      this.model.clear();
+    }
+
+  });
+
+  // The Application
+  // ---------------
+
+  // Our overall **AppView** is the top-level piece of UI.
+  var AppView = Backbone.View.extend({
+
+    // Instead of generating a new element, bind to the existing skeleton of
+    // the App already present in the HTML.
+    el: $("#todoapp"),
+
+    // Our template for the line of statistics at the bottom of the app.
+    statsTemplate: _.template($('#stats-template').html()),
+
+    // Delegated events for creating new items, and clearing completed ones.
+    events: {
+      "keypress #new-todo":  "createOnEnter",
+      "click #clear-completed": "clearCompleted",
+      "click #toggle-all": "toggleAllComplete"
+    },
+
+    // At initialization we bind to the relevant events on the `Todos`
+    // collection, when items are added or changed. Kick things off by
+    // loading any preexisting todos that might be saved in *localStorage*.
+    initialize: function() {
+
+      this.input = this.$("#new-todo");
+      this.allCheckbox = this.$("#toggle-all")[0];
+
+      Todos.bind('add', this.addOne, this);
+      Todos.bind('reset', this.addAll, this);
+      Todos.bind('all', this.render, this);
+
+      this.footer = this.$('footer');
+      this.main = $('#main');
+
+      Todos.fetch();
+    },
+
+    // Re-rendering the App just means refreshing the statistics -- the rest
+    // of the app doesn't change.
+    render: function() {
+      var done = Todos.done().length;
+      var remaining = Todos.remaining().length;
+
+      if (Todos.length) {
+        this.main.show();
+        this.footer.show();
+        this.footer.html(this.statsTemplate({done: done, remaining: remaining}));
+      } else {
+        this.main.hide();
+        this.footer.hide();
+      }
+
+      this.allCheckbox.checked = !remaining;
+    },
+
+    // Add a single todo item to the list by creating a view for it, and
+    // appending its element to the `<ul>`.
+    addOne: function(todo) {
+      var view = new TodoView({model: todo});
+      this.$("#todo-list").append(view.render().el);
+    },
+
+    // Add all items in the **Todos** collection at once.
+    addAll: function() {
+      Todos.each(this.addOne);
+    },
+
+    // If you hit return in the main input field, create new **Todo** model,
+    // persisting it to *localStorage*.
+    createOnEnter: function(e) {
+      if (e.keyCode != 13) return;
+      if (!this.input.val()) return;
+
+      Todos.create({title: this.input.val()});
+      this.input.val('');
+    },
+
+    // Clear all done todo items, destroying their models.
+    clearCompleted: function() {
+      _.each(Todos.done(), function(todo){ todo.clear(); });
+      return false;
+    },
+
+    toggleAllComplete: function () {
+      var done = this.allCheckbox.checked;
+      Todos.each(function (todo) { todo.save({'done': done}); });
+    }
+
+  });
+
+  // Finally, we kick things off by creating the **App**.
+  var App = new AppView;
+
+});
diff --git a/demos/backbone/underscore-1.3.1.js b/demos/backbone/underscore-1.3.1.js
new file mode 100644
index 00000000..208d4cd8
--- /dev/null
+++ b/demos/backbone/underscore-1.3.1.js
@@ -0,0 +1,999 @@
+//     Underscore.js 1.3.1
+//     (c) 2009-2012 Jeremy Ashkenas, DocumentCloud Inc.
+//     Underscore is freely distributable under the MIT license.
+//     Portions of Underscore are inspired or borrowed from Prototype,
+//     Oliver Steele's Functional, and John Resig's Micro-Templating.
+//     For all details and documentation:
+//     http://documentcloud.github.com/underscore
+
+(function() {
+
+  // Baseline setup
+  // --------------
+
+  // Establish the root object, `window` in the browser, or `global` on the server.
+  var root = this;
+
+  // Save the previous value of the `_` variable.
+  var previousUnderscore = root._;
+
+  // Establish the object that gets returned to break out of a loop iteration.
+  var breaker = {};
+
+  // Save bytes in the minified (but not gzipped) version:
+  var ArrayProto = Array.prototype, ObjProto = Object.prototype, FuncProto = Function.prototype;
+
+  // Create quick reference variables for speed access to core prototypes.
+  var slice            = ArrayProto.slice,
+      unshift          = ArrayProto.unshift,
+      toString         = ObjProto.toString,
+      hasOwnProperty   = ObjProto.hasOwnProperty;
+
+  // All **ECMAScript 5** native function implementations that we hope to use
+  // are declared here.
+  var
+    nativeForEach      = ArrayProto.forEach,
+    nativeMap          = ArrayProto.map,
+    nativeReduce       = ArrayProto.reduce,
+    nativeReduceRight  = ArrayProto.reduceRight,
+    nativeFilter       = ArrayProto.filter,
+    nativeEvery        = ArrayProto.every,
+    nativeSome         = ArrayProto.some,
+    nativeIndexOf      = ArrayProto.indexOf,
+    nativeLastIndexOf  = ArrayProto.lastIndexOf,
+    nativeIsArray      = Array.isArray,
+    nativeKeys         = Object.keys,
+    nativeBind         = FuncProto.bind;
+
+  // Create a safe reference to the Underscore object for use below.
+  var _ = function(obj) { return new wrapper(obj); };
+
+  // Export the Underscore object for **Node.js**, with
+  // backwards-compatibility for the old `require()` API. If we're in
+  // the browser, add `_` as a global object via a string identifier,
+  // for Closure Compiler "advanced" mode.
+  if (typeof exports !== 'undefined') {
+    if (typeof module !== 'undefined' && module.exports) {
+      exports = module.exports = _;
+    }
+    exports._ = _;
+  } else {
+    root['_'] = _;
+  }
+
+  // Current version.
+  _.VERSION = '1.3.1';
+
+  // Collection Functions
+  // --------------------
+
+  // The cornerstone, an `each` implementation, aka `forEach`.
+  // Handles objects with the built-in `forEach`, arrays, and raw objects.
+  // Delegates to **ECMAScript 5**'s native `forEach` if available.
+  var each = _.each = _.forEach = function(obj, iterator, context) {
+    if (obj == null) return;
+    if (nativeForEach && obj.forEach === nativeForEach) {
+      obj.forEach(iterator, context);
+    } else if (obj.length === +obj.length) {
+      for (var i = 0, l = obj.length; i < l; i++) {
+        if (i in obj && iterator.call(context, obj[i], i, obj) === breaker) return;
+      }
+    } else {
+      for (var key in obj) {
+        if (_.has(obj, key)) {
+          if (iterator.call(context, obj[key], key, obj) === breaker) return;
+        }
+      }
+    }
+  };
+
+  // Return the results of applying the iterator to each element.
+  // Delegates to **ECMAScript 5**'s native `map` if available.
+  _.map = _.collect = function(obj, iterator, context) {
+    var results = [];
+    if (obj == null) return results;
+    if (nativeMap && obj.map === nativeMap) return obj.map(iterator, context);
+    each(obj, function(value, index, list) {
+      results[results.length] = iterator.call(context, value, index, list);
+    });
+    if (obj.length === +obj.length) results.length = obj.length;
+    return results;
+  };
+
+  // **Reduce** builds up a single result from a list of values, aka `inject`,
+  // or `foldl`. Delegates to **ECMAScript 5**'s native `reduce` if available.
+  _.reduce = _.foldl = _.inject = function(obj, iterator, memo, context) {
+    var initial = arguments.length > 2;
+    if (obj == null) obj = [];
+    if (nativeReduce && obj.reduce === nativeReduce) {
+      if (context) iterator = _.bind(iterator, context);
+      return initial ? obj.reduce(iterator, memo) : obj.reduce(iterator);
+    }
+    each(obj, function(value, index, list) {
+      if (!initial) {
+        memo = value;
+        initial = true;
+      } else {
+        memo = iterator.call(context, memo, value, index, list);
+      }
+    });
+    if (!initial) throw new TypeError('Reduce of empty array with no initial value');
+    return memo;
+  };
+
+  // The right-associative version of reduce, also known as `foldr`.
+  // Delegates to **ECMAScript 5**'s native `reduceRight` if available.
+  _.reduceRight = _.foldr = function(obj, iterator, memo, context) {
+    var initial = arguments.length > 2;
+    if (obj == null) obj = [];
+    if (nativeReduceRight && obj.reduceRight === nativeReduceRight) {
+      if (context) iterator = _.bind(iterator, context);
+      return initial ? obj.reduceRight(iterator, memo) : obj.reduceRight(iterator);
+    }
+    var reversed = _.toArray(obj).reverse();
+    if (context && !initial) iterator = _.bind(iterator, context);
+    return initial ? _.reduce(reversed, iterator, memo, context) : _.reduce(reversed, iterator);
+  };
+
+  // Return the first value which passes a truth test. Aliased as `detect`.
+  _.find = _.detect = function(obj, iterator, context) {
+    var result;
+    any(obj, function(value, index, list) {
+      if (iterator.call(context, value, index, list)) {
+        result = value;
+        return true;
+      }
+    });
+    return result;
+  };
+
+  // Return all the elements that pass a truth test.
+  // Delegates to **ECMAScript 5**'s native `filter` if available.
+  // Aliased as `select`.
+  _.filter = _.select = function(obj, iterator, context) {
+    var results = [];
+    if (obj == null) return results;
+    if (nativeFilter && obj.filter === nativeFilter) return obj.filter(iterator, context);
+    each(obj, function(value, index, list) {
+      if (iterator.call(context, value, index, list)) results[results.length] = value;
+    });
+    return results;
+  };
+
+  // Return all the elements for which a truth test fails.
+  _.reject = function(obj, iterator, context) {
+    var results = [];
+    if (obj == null) return results;
+    each(obj, function(value, index, list) {
+      if (!iterator.call(context, value, index, list)) results[results.length] = value;
+    });
+    return results;
+  };
+
+  // Determine whether all of the elements match a truth test.
+  // Delegates to **ECMAScript 5**'s native `every` if available.
+  // Aliased as `all`.
+  _.every = _.all = function(obj, iterator, context) {
+    var result = true;
+    if (obj == null) return result;
+    if (nativeEvery && obj.every === nativeEvery) return obj.every(iterator, context);
+    each(obj, function(value, index, list) {
+      if (!(result = result && iterator.call(context, value, index, list))) return breaker;
+    });
+    return result;
+  };
+
+  // Determine if at least one element in the object matches a truth test.
+  // Delegates to **ECMAScript 5**'s native `some` if available.
+  // Aliased as `any`.
+  var any = _.some = _.any = function(obj, iterator, context) {
+    iterator || (iterator = _.identity);
+    var result = false;
+    if (obj == null) return result;
+    if (nativeSome && obj.some === nativeSome) return obj.some(iterator, context);
+    each(obj, function(value, index, list) {
+      if (result || (result = iterator.call(context, value, index, list))) return breaker;
+    });
+    return !!result;
+  };
+
+  // Determine if a given value is included in the array or object using `===`.
+  // Aliased as `contains`.
+  _.include = _.contains = function(obj, target) {
+    var found = false;
+    if (obj == null) return found;
+    if (nativeIndexOf && obj.indexOf === nativeIndexOf) return obj.indexOf(target) != -1;
+    found = any(obj, function(value) {
+      return value === target;
+    });
+    return found;
+  };
+
+  // Invoke a method (with arguments) on every item in a collection.
+  _.invoke = function(obj, method) {
+    var args = slice.call(arguments, 2);
+    return _.map(obj, function(value) {
+      return (_.isFunction(method) ? method || value : value[method]).apply(value, args);
+    });
+  };
+
+  // Convenience version of a common use case of `map`: fetching a property.
+  _.pluck = function(obj, key) {
+    return _.map(obj, function(value){ return value[key]; });
+  };
+
+  // Return the maximum element or (element-based computation).
+  _.max = function(obj, iterator, context) {
+    if (!iterator && _.isArray(obj)) return Math.max.apply(Math, obj);
+    if (!iterator && _.isEmpty(obj)) return -Infinity;
+    var result = {computed : -Infinity};
+    each(obj, function(value, index, list) {
+      var computed = iterator ? iterator.call(context, value, index, list) : value;
+      computed >= result.computed && (result = {value : value, computed : computed});
+    });
+    return result.value;
+  };
+
+  // Return the minimum element (or element-based computation).
+  _.min = function(obj, iterator, context) {
+    if (!iterator && _.isArray(obj)) return Math.min.apply(Math, obj);
+    if (!iterator && _.isEmpty(obj)) return Infinity;
+    var result = {computed : Infinity};
+    each(obj, function(value, index, list) {
+      var computed = iterator ? iterator.call(context, value, index, list) : value;
+      computed < result.computed && (result = {value : value, computed : computed});
+    });
+    return result.value;
+  };
+
+  // Shuffle an array.
+  _.shuffle = function(obj) {
+    var shuffled = [], rand;
+    each(obj, function(value, index, list) {
+      if (index == 0) {
+        shuffled[0] = value;
+      } else {
+        rand = Math.floor(Math.random() * (index + 1));
+        shuffled[index] = shuffled[rand];
+        shuffled[rand] = value;
+      }
+    });
+    return shuffled;
+  };
+
+  // Sort the object's values by a criterion produced by an iterator.
+  _.sortBy = function(obj, iterator, context) {
+    return _.pluck(_.map(obj, function(value, index, list) {
+      return {
+        value : value,
+        criteria : iterator.call(context, value, index, list)
+      };
+    }).sort(function(left, right) {
+      var a = left.criteria, b = right.criteria;
+      return a < b ? -1 : a > b ? 1 : 0;
+    }), 'value');
+  };
+
+  // Groups the object's values by a criterion. Pass either a string attribute
+  // to group by, or a function that returns the criterion.
+  _.groupBy = function(obj, val) {
+    var result = {};
+    var iterator = _.isFunction(val) ? val : function(obj) { return obj[val]; };
+    each(obj, function(value, index) {
+      var key = iterator(value, index);
+      (result[key] || (result[key] = [])).push(value);
+    });
+    return result;
+  };
+
+  // Use a comparator function to figure out at what index an object should
+  // be inserted so as to maintain order. Uses binary search.
+  _.sortedIndex = function(array, obj, iterator) {
+    iterator || (iterator = _.identity);
+    var low = 0, high = array.length;
+    while (low < high) {
+      var mid = (low + high) >> 1;
+      iterator(array[mid]) < iterator(obj) ? low = mid + 1 : high = mid;
+    }
+    return low;
+  };
+
+  // Safely convert anything iterable into a real, live array.
+  _.toArray = function(iterable) {
+    if (!iterable)                return [];
+    if (iterable.toArray)         return iterable.toArray();
+    if (_.isArray(iterable))      return slice.call(iterable);
+    if (_.isArguments(iterable))  return slice.call(iterable);
+    return _.values(iterable);
+  };
+
+  // Return the number of elements in an object.
+  _.size = function(obj) {
+    return _.toArray(obj).length;
+  };
+
+  // Array Functions
+  // ---------------
+
+  // Get the first element of an array. Passing **n** will return the first N
+  // values in the array. Aliased as `head`. The **guard** check allows it to work
+  // with `_.map`.
+  _.first = _.head = function(array, n, guard) {
+    return (n != null) && !guard ? slice.call(array, 0, n) : array[0];
+  };
+
+  // Returns everything but the last entry of the array. Especcialy useful on
+  // the arguments object. Passing **n** will return all the values in
+  // the array, excluding the last N. The **guard** check allows it to work with
+  // `_.map`.
+  _.initial = function(array, n, guard) {
+    return slice.call(array, 0, array.length - ((n == null) || guard ? 1 : n));
+  };
+
+  // Get the last element of an array. Passing **n** will return the last N
+  // values in the array. The **guard** check allows it to work with `_.map`.
+  _.last = function(array, n, guard) {
+    if ((n != null) && !guard) {
+      return slice.call(array, Math.max(array.length - n, 0));
+    } else {
+      return array[array.length - 1];
+    }
+  };
+
+  // Returns everything but the first entry of the array. Aliased as `tail`.
+  // Especially useful on the arguments object. Passing an **index** will return
+  // the rest of the values in the array from that index onward. The **guard**
+  // check allows it to work with `_.map`.
+  _.rest = _.tail = function(array, index, guard) {
+    return slice.call(array, (index == null) || guard ? 1 : index);
+  };
+
+  // Trim out all falsy values from an array.
+  _.compact = function(array) {
+    return _.filter(array, function(value){ return !!value; });
+  };
+
+  // Return a completely flattened version of an array.
+  _.flatten = function(array, shallow) {
+    return _.reduce(array, function(memo, value) {
+      if (_.isArray(value)) return memo.concat(shallow ? value : _.flatten(value));
+      memo[memo.length] = value;
+      return memo;
+    }, []);
+  };
+
+  // Return a version of the array that does not contain the specified value(s).
+  _.without = function(array) {
+    return _.difference(array, slice.call(arguments, 1));
+  };
+
+  // Produce a duplicate-free version of the array. If the array has already
+  // been sorted, you have the option of using a faster algorithm.
+  // Aliased as `unique`.
+  _.uniq = _.unique = function(array, isSorted, iterator) {
+    var initial = iterator ? _.map(array, iterator) : array;
+    var result = [];
+    _.reduce(initial, function(memo, el, i) {
+      if (0 == i || (isSorted === true ? _.last(memo) != el : !_.include(memo, el))) {
+        memo[memo.length] = el;
+        result[result.length] = array[i];
+      }
+      return memo;
+    }, []);
+    return result;
+  };
+
+  // Produce an array that contains the union: each distinct element from all of
+  // the passed-in arrays.
+  _.union = function() {
+    return _.uniq(_.flatten(arguments, true));
+  };
+
+  // Produce an array that contains every item shared between all the
+  // passed-in arrays. (Aliased as "intersect" for back-compat.)
+  _.intersection = _.intersect = function(array) {
+    var rest = slice.call(arguments, 1);
+    return _.filter(_.uniq(array), function(item) {
+      return _.every(rest, function(other) {
+        return _.indexOf(other, item) >= 0;
+      });
+    });
+  };
+
+  // Take the difference between one array and a number of other arrays.
+  // Only the elements present in just the first array will remain.
+  _.difference = function(array) {
+    var rest = _.flatten(slice.call(arguments, 1));
+    return _.filter(array, function(value){ return !_.include(rest, value); });
+  };
+
+  // Zip together multiple lists into a single array -- elements that share
+  // an index go together.
+  _.zip = function() {
+    var args = slice.call(arguments);
+    var length = _.max(_.pluck(args, 'length'));
+    var results = new Array(length);
+    for (var i = 0; i < length; i++) results[i] = _.pluck(args, "" + i);
+    return results;
+  };
+
+  // If the browser doesn't supply us with indexOf (I'm looking at you, **MSIE**),
+  // we need this function. Return the position of the first occurrence of an
+  // item in an array, or -1 if the item is not included in the array.
+  // Delegates to **ECMAScript 5**'s native `indexOf` if available.
+  // If the array is large and already in sort order, pass `true`
+  // for **isSorted** to use binary search.
+  _.indexOf = function(array, item, isSorted) {
+    if (array == null) return -1;
+    var i, l;
+    if (isSorted) {
+      i = _.sortedIndex(array, item);
+      return array[i] === item ? i : -1;
+    }
+    if (nativeIndexOf && array.indexOf === nativeIndexOf) return array.indexOf(item);
+    for (i = 0, l = array.length; i < l; i++) if (i in array && array[i] === item) return i;
+    return -1;
+  };
+
+  // Delegates to **ECMAScript 5**'s native `lastIndexOf` if available.
+  _.lastIndexOf = function(array, item) {
+    if (array == null) return -1;
+    if (nativeLastIndexOf && array.lastIndexOf === nativeLastIndexOf) return array.lastIndexOf(item);
+    var i = array.length;
+    while (i--) if (i in array && array[i] === item) return i;
+    return -1;
+  };
+
+  // Generate an integer Array containing an arithmetic progression. A port of
+  // the native Python `range()` function. See
+  // [the Python documentation](http://docs.python.org/library/functions.html#range).
+  _.range = function(start, stop, step) {
+    if (arguments.length <= 1) {
+      stop = start || 0;
+      start = 0;
+    }
+    step = arguments[2] || 1;
+
+    var len = Math.max(Math.ceil((stop - start) / step), 0);
+    var idx = 0;
+    var range = new Array(len);
+
+    while(idx < len) {
+      range[idx++] = start;
+      start += step;
+    }
+
+    return range;
+  };
+
+  // Function (ahem) Functions
+  // ------------------
+
+  // Reusable constructor function for prototype setting.
+  var ctor = function(){};
+
+  // Create a function bound to a given object (assigning `this`, and arguments,
+  // optionally). Binding with arguments is also known as `curry`.
+  // Delegates to **ECMAScript 5**'s native `Function.bind` if available.
+  // We check for `func.bind` first, to fail fast when `func` is undefined.
+  _.bind = function bind(func, context) {
+    var bound, args;
+    if (func.bind === nativeBind && nativeBind) return nativeBind.apply(func, slice.call(arguments, 1));
+    if (!_.isFunction(func)) throw new TypeError;
+    args = slice.call(arguments, 2);
+    return bound = function() {
+      if (!(this instanceof bound)) return func.apply(context, args.concat(slice.call(arguments)));
+      ctor.prototype = func.prototype;
+      var self = new ctor;
+      var result = func.apply(self, args.concat(slice.call(arguments)));
+      if (Object(result) === result) return result;
+      return self;
+    };
+  };
+
+  // Bind all of an object's methods to that object. Useful for ensuring that
+  // all callbacks defined on an object belong to it.
+  _.bindAll = function(obj) {
+    var funcs = slice.call(arguments, 1);
+    if (funcs.length == 0) funcs = _.functions(obj);
+    each(funcs, function(f) { obj[f] = _.bind(obj[f], obj); });
+    return obj;
+  };
+
+  // Memoize an expensive function by storing its results.
+  _.memoize = function(func, hasher) {
+    var memo = {};
+    hasher || (hasher = _.identity);
+    return function() {
+      var key = hasher.apply(this, arguments);
+      return _.has(memo, key) ? memo[key] : (memo[key] = func.apply(this, arguments));
+    };
+  };
+
+  // Delays a function for the given number of milliseconds, and then calls
+  // it with the arguments supplied.
+  _.delay = function(func, wait) {
+    var args = slice.call(arguments, 2);
+    return setTimeout(function(){ return func.apply(func, args); }, wait);
+  };
+
+  // Defers a function, scheduling it to run after the current call stack has
+  // cleared.
+  _.defer = function(func) {
+    return _.delay.apply(_, [func, 1].concat(slice.call(arguments, 1)));
+  };
+
+  // Returns a function, that, when invoked, will only be triggered at most once
+  // during a given window of time.
+  _.throttle = function(func, wait) {
+    var context, args, timeout, throttling, more;
+    var whenDone = _.debounce(function(){ more = throttling = false; }, wait);
+    return function() {
+      context = this; args = arguments;
+      var later = function() {
+        timeout = null;
+        if (more) func.apply(context, args);
+        whenDone();
+      };
+      if (!timeout) timeout = setTimeout(later, wait);
+      if (throttling) {
+        more = true;
+      } else {
+        func.apply(context, args);
+      }
+      whenDone();
+      throttling = true;
+    };
+  };
+
+  // Returns a function, that, as long as it continues to be invoked, will not
+  // be triggered. The function will be called after it stops being called for
+  // N milliseconds.
+  _.debounce = function(func, wait) {
+    var timeout;
+    return function() {
+      var context = this, args = arguments;
+      var later = function() {
+        timeout = null;
+        func.apply(context, args);
+      };
+      clearTimeout(timeout);
+      timeout = setTimeout(later, wait);
+    };
+  };
+
+  // Returns a function that will be executed at most one time, no matter how
+  // often you call it. Useful for lazy initialization.
+  _.once = function(func) {
+    var ran = false, memo;
+    return function() {
+      if (ran) return memo;
+      ran = true;
+      return memo = func.apply(this, arguments);
+    };
+  };
+
+  // Returns the first function passed as an argument to the second,
+  // allowing you to adjust arguments, run code before and after, and
+  // conditionally execute the original function.
+  _.wrap = function(func, wrapper) {
+    return function() {
+      var args = [func].concat(slice.call(arguments, 0));
+      return wrapper.apply(this, args);
+    };
+  };
+
+  // Returns a function that is the composition of a list of functions, each
+  // consuming the return value of the function that follows.
+  _.compose = function() {
+    var funcs = arguments;
+    return function() {
+      var args = arguments;
+      for (var i = funcs.length - 1; i >= 0; i--) {
+        args = [funcs[i].apply(this, args)];
+      }
+      return args[0];
+    };
+  };
+
+  // Returns a function that will only be executed after being called N times.
+  _.after = function(times, func) {
+    if (times <= 0) return func();
+    return function() {
+      if (--times < 1) { return func.apply(this, arguments); }
+    };
+  };
+
+  // Object Functions
+  // ----------------
+
+  // Retrieve the names of an object's properties.
+  // Delegates to **ECMAScript 5**'s native `Object.keys`
+  _.keys = nativeKeys || function(obj) {
+    if (obj !== Object(obj)) throw new TypeError('Invalid object');
+    var keys = [];
+    for (var key in obj) if (_.has(obj, key)) keys[keys.length] = key;
+    return keys;
+  };
+
+  // Retrieve the values of an object's properties.
+  _.values = function(obj) {
+    return _.map(obj, _.identity);
+  };
+
+  // Return a sorted list of the function names available on the object.
+  // Aliased as `methods`
+  _.functions = _.methods = function(obj) {
+    var names = [];
+    for (var key in obj) {
+      if (_.isFunction(obj[key])) names.push(key);
+    }
+    return names.sort();
+  };
+
+  // Extend a given object with all the properties in passed-in object(s).
+  _.extend = function(obj) {
+    each(slice.call(arguments, 1), function(source) {
+      for (var prop in source) {
+        obj[prop] = source[prop];
+      }
+    });
+    return obj;
+  };
+
+  // Fill in a given object with default properties.
+  _.defaults = function(obj) {
+    each(slice.call(arguments, 1), function(source) {
+      for (var prop in source) {
+        if (obj[prop] == null) obj[prop] = source[prop];
+      }
+    });
+    return obj;
+  };
+
+  // Create a (shallow-cloned) duplicate of an object.
+  _.clone = function(obj) {
+    if (!_.isObject(obj)) return obj;
+    return _.isArray(obj) ? obj.slice() : _.extend({}, obj);
+  };
+
+  // Invokes interceptor with the obj, and then returns obj.
+  // The primary purpose of this method is to "tap into" a method chain, in
+  // order to perform operations on intermediate results within the chain.
+  _.tap = function(obj, interceptor) {
+    interceptor(obj);
+    return obj;
+  };
+
+  // Internal recursive comparison function.
+  function eq(a, b, stack) {
+    // Identical objects are equal. `0 === -0`, but they aren't identical.
+    // See the Harmony `egal` proposal: http://wiki.ecmascript.org/doku.php?id=harmony:egal.
+    if (a === b) return a !== 0 || 1 / a == 1 / b;
+    // A strict comparison is necessary because `null == undefined`.
+    if (a == null || b == null) return a === b;
+    // Unwrap any wrapped objects.
+    if (a._chain) a = a._wrapped;
+    if (b._chain) b = b._wrapped;
+    // Invoke a custom `isEqual` method if one is provided.
+    if (a.isEqual && _.isFunction(a.isEqual)) return a.isEqual(b);
+    if (b.isEqual && _.isFunction(b.isEqual)) return b.isEqual(a);
+    // Compare `[[Class]]` names.
+    var className = toString.call(a);
+    if (className != toString.call(b)) return false;
+    switch (className) {
+      // Strings, numbers, dates, and booleans are compared by value.
+      case '[object String]':
+        // Primitives and their corresponding object wrappers are equivalent; thus, `"5"` is
+        // equivalent to `new String("5")`.
+        return a == String(b);
+      case '[object Number]':
+        // `NaN`s are equivalent, but non-reflexive. An `egal` comparison is performed for
+        // other numeric values.
+        return a != +a ? b != +b : (a == 0 ? 1 / a == 1 / b : a == +b);
+      case '[object Date]':
+      case '[object Boolean]':
+        // Coerce dates and booleans to numeric primitive values. Dates are compared by their
+        // millisecond representations. Note that invalid dates with millisecond representations
+        // of `NaN` are not equivalent.
+        return +a == +b;
+      // RegExps are compared by their source patterns and flags.
+      case '[object RegExp]':
+        return a.source == b.source &&
+               a.global == b.global &&
+               a.multiline == b.multiline &&
+               a.ignoreCase == b.ignoreCase;
+    }
+    if (typeof a != 'object' || typeof b != 'object') return false;
+    // Assume equality for cyclic structures. The algorithm for detecting cyclic
+    // structures is adapted from ES 5.1 section 15.12.3, abstract operation `JO`.
+    var length = stack.length;
+    while (length--) {
+      // Linear search. Performance is inversely proportional to the number of
+      // unique nested structures.
+      if (stack[length] == a) return true;
+    }
+    // Add the first object to the stack of traversed objects.
+    stack.push(a);
+    var size = 0, result = true;
+    // Recursively compare objects and arrays.
+    if (className == '[object Array]') {
+      // Compare array lengths to determine if a deep comparison is necessary.
+      size = a.length;
+      result = size == b.length;
+      if (result) {
+        // Deep compare the contents, ignoring non-numeric properties.
+        while (size--) {
+          // Ensure commutative equality for sparse arrays.
+          if (!(result = size in a == size in b && eq(a[size], b[size], stack))) break;
+        }
+      }
+    } else {
+      // Objects with different constructors are not equivalent.
+      if ('constructor' in a != 'constructor' in b || a.constructor != b.constructor) return false;
+      // Deep compare objects.
+      for (var key in a) {
+        if (_.has(a, key)) {
+          // Count the expected number of properties.
+          size++;
+          // Deep compare each member.
+          if (!(result = _.has(b, key) && eq(a[key], b[key], stack))) break;
+        }
+      }
+      // Ensure that both objects contain the same number of properties.
+      if (result) {
+        for (key in b) {
+          if (_.has(b, key) && !(size--)) break;
+        }
+        result = !size;
+      }
+    }
+    // Remove the first object from the stack of traversed objects.
+    stack.pop();
+    return result;
+  }
+
+  // Perform a deep comparison to check if two objects are equal.
+  _.isEqual = function(a, b) {
+    return eq(a, b, []);
+  };
+
+  // Is a given array, string, or object empty?
+  // An "empty" object has no enumerable own-properties.
+  _.isEmpty = function(obj) {
+    if (_.isArray(obj) || _.isString(obj)) return obj.length === 0;
+    for (var key in obj) if (_.has(obj, key)) return false;
+    return true;
+  };
+
+  // Is a given value a DOM element?
+  _.isElement = function(obj) {
+    return !!(obj && obj.nodeType == 1);
+  };
+
+  // Is a given value an array?
+  // Delegates to ECMA5's native Array.isArray
+  _.isArray = nativeIsArray || function(obj) {
+    return toString.call(obj) == '[object Array]';
+  };
+
+  // Is a given variable an object?
+  _.isObject = function(obj) {
+    return obj === Object(obj);
+  };
+
+  // Is a given variable an arguments object?
+  _.isArguments = function(obj) {
+    return toString.call(obj) == '[object Arguments]';
+  };
+  if (!_.isArguments(arguments)) {
+    _.isArguments = function(obj) {
+      return !!(obj && _.has(obj, 'callee'));
+    };
+  }
+
+  // Is a given value a function?
+  _.isFunction = function(obj) {
+    return toString.call(obj) == '[object Function]';
+  };
+
+  // Is a given value a string?
+  _.isString = function(obj) {
+    return toString.call(obj) == '[object String]';
+  };
+
+  // Is a given value a number?
+  _.isNumber = function(obj) {
+    return toString.call(obj) == '[object Number]';
+  };
+
+  // Is the given value `NaN`?
+  _.isNaN = function(obj) {
+    // `NaN` is the only value for which `===` is not reflexive.
+    return obj !== obj;
+  };
+
+  // Is a given value a boolean?
+  _.isBoolean = function(obj) {
+    return obj === true || obj === false || toString.call(obj) == '[object Boolean]';
+  };
+
+  // Is a given value a date?
+  _.isDate = function(obj) {
+    return toString.call(obj) == '[object Date]';
+  };
+
+  // Is the given value a regular expression?
+  _.isRegExp = function(obj) {
+    return toString.call(obj) == '[object RegExp]';
+  };
+
+  // Is a given value equal to null?
+  _.isNull = function(obj) {
+    return obj === null;
+  };
+
+  // Is a given variable undefined?
+  _.isUndefined = function(obj) {
+    return obj === void 0;
+  };
+
+  // Has own property?
+  _.has = function(obj, key) {
+    return hasOwnProperty.call(obj, key);
+  };
+
+  // Utility Functions
+  // -----------------
+
+  // Run Underscore.js in *noConflict* mode, returning the `_` variable to its
+  // previous owner. Returns a reference to the Underscore object.
+  _.noConflict = function() {
+    root._ = previousUnderscore;
+    return this;
+  };
+
+  // Keep the identity function around for default iterators.
+  _.identity = function(value) {
+    return value;
+  };
+
+  // Run a function **n** times.
+  _.times = function (n, iterator, context) {
+    for (var i = 0; i < n; i++) iterator.call(context, i);
+  };
+
+  // Escape a string for HTML interpolation.
+  _.escape = function(string) {
+    return (''+string).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#x27;').replace(/\//g,'&#x2F;');
+  };
+
+  // Add your own custom functions to the Underscore object, ensuring that
+  // they're correctly added to the OOP wrapper as well.
+  _.mixin = function(obj) {
+    each(_.functions(obj), function(name){
+      addToWrapper(name, _[name] = obj[name]);
+    });
+  };
+
+  // Generate a unique integer id (unique within the entire client session).
+  // Useful for temporary DOM ids.
+  var idCounter = 0;
+  _.uniqueId = function(prefix) {
+    var id = idCounter++;
+    return prefix ? prefix + id : id;
+  };
+
+  // By default, Underscore uses ERB-style template delimiters, change the
+  // following template settings to use alternative delimiters.
+  _.templateSettings = {
+    evaluate    : /<%([\s\S]+?)%>/g,
+    interpolate : /<%=([\s\S]+?)%>/g,
+    escape      : /<%-([\s\S]+?)%>/g
+  };
+
+  // When customizing `templateSettings`, if you don't want to define an
+  // interpolation, evaluation or escaping regex, we need one that is
+  // guaranteed not to match.
+  var noMatch = /.^/;
+
+  // Within an interpolation, evaluation, or escaping, remove HTML escaping
+  // that had been previously added.
+  var unescape = function(code) {
+    return code.replace(/\\\\/g, '\\').replace(/\\'/g, "'");
+  };
+
+  // JavaScript micro-templating, similar to John Resig's implementation.
+  // Underscore templating handles arbitrary delimiters, preserves whitespace,
+  // and correctly escapes quotes within interpolated code.
+  _.template = function(str, data) {
+    var c  = _.templateSettings;
+    var tmpl = 'var __p=[],print=function(){__p.push.apply(__p,arguments);};' +
+      'with(obj||{}){__p.push(\'' +
+      str.replace(/\\/g, '\\\\')
+         .replace(/'/g, "\\'")
+         .replace(c.escape || noMatch, function(match, code) {
+           return "',_.escape(" + unescape(code) + "),'";
+         })
+         .replace(c.interpolate || noMatch, function(match, code) {
+           return "'," + unescape(code) + ",'";
+         })
+         .replace(c.evaluate || noMatch, function(match, code) {
+           return "');" + unescape(code).replace(/[\r\n\t]/g, ' ') + ";__p.push('";
+         })
+         .replace(/\r/g, '\\r')
+         .replace(/\n/g, '\\n')
+         .replace(/\t/g, '\\t')
+         + "');}return __p.join('');";
+    var func = new Function('obj', '_', tmpl);
+    if (data) return func(data, _);
+    return function(data) {
+      return func.call(this, data, _);
+    };
+  };
+
+  // Add a "chain" function, which will delegate to the wrapper.
+  _.chain = function(obj) {
+    return _(obj).chain();
+  };
+
+  // The OOP Wrapper
+  // ---------------
+
+  // If Underscore is called as a function, it returns a wrapped object that
+  // can be used OO-style. This wrapper holds altered versions of all the
+  // underscore functions. Wrapped objects may be chained.
+  var wrapper = function(obj) { this._wrapped = obj; };
+
+  // Expose `wrapper.prototype` as `_.prototype`
+  _.prototype = wrapper.prototype;
+
+  // Helper function to continue chaining intermediate results.
+  var result = function(obj, chain) {
+    return chain ? _(obj).chain() : obj;
+  };
+
+  // A method to easily add functions to the OOP wrapper.
+  var addToWrapper = function(name, func) {
+    wrapper.prototype[name] = function() {
+      var args = slice.call(arguments);
+      unshift.call(args, this._wrapped);
+      return result(func.apply(_, args), this._chain);
+    };
+  };
+
+  // Add all of the Underscore functions to the wrapper object.
+  _.mixin(_);
+
+  // Add all mutator Array functions to the wrapper.
+  each(['pop', 'push', 'reverse', 'shift', 'sort', 'splice', 'unshift'], function(name) {
+    var method = ArrayProto[name];
+    wrapper.prototype[name] = function() {
+      var wrapped = this._wrapped;
+      method.apply(wrapped, arguments);
+      var length = wrapped.length;
+      if ((name == 'shift' || name == 'splice') && length === 0) delete wrapped[0];
+      return result(wrapped, this._chain);
+    };
+  });
+
+  // Add all accessor Array functions to the wrapper.
+  each(['concat', 'join', 'slice'], function(name) {
+    var method = ArrayProto[name];
+    wrapper.prototype[name] = function() {
+      return result(method.apply(this._wrapped, arguments), this._chain);
+    };
+  });
+
+  // Start chaining a wrapped Underscore object.
+  wrapper.prototype.chain = function() {
+    this._chain = true;
+    return this;
+  };
+
+  // Extracts the result from a wrapped and chained object.
+  wrapper.prototype.value = function() {
+    return this._wrapped;
+  };
+
+}).call(this);

From 058ec561cdcbf7a82635dc99554e77bf91264c0b Mon Sep 17 00:00:00 2001
From: shawndrost <drost@okcupidlabs.com>
Date: Tue, 3 Apr 2012 15:55:42 -0700
Subject: [PATCH 04/15] adapt todo app for usage in this context

---
 demos/backbone/index.html |   6 +-
 demos/backbone/todos.css  | 207 +++-----------------------------------
 demos/backbone/todos.js   |   5 +-
 src/jqtouch.js            |   4 +-
 4 files changed, 23 insertions(+), 199 deletions(-)

diff --git a/demos/backbone/index.html b/demos/backbone/index.html
index 7c24851e..c51bc8ff 100644
--- a/demos/backbone/index.html
+++ b/demos/backbone/index.html
@@ -12,10 +12,10 @@
 
         <div id="todoapp">
           
-          <header>
+          <div class="toolbar">
             <h1>Todos</h1>
-            <input id="new-todo" type="text" placeholder="What needs to be done?">
-          </header>
+          </div>
+          <input id="new-todo" type="text" placeholder="What needs to be done?">
 
           <section id="main">
             <input id="toggle-all" type="checkbox">
diff --git a/demos/backbone/todos.css b/demos/backbone/todos.css
index 35bdb056..283c21e6 100644
--- a/demos/backbone/todos.css
+++ b/demos/backbone/todos.css
@@ -1,211 +1,36 @@
-html,
-body {
-	margin: 0;
-	padding: 0;
-}
-
-body {
-	font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
-	line-height: 1.4em;
-	background: #eeeeee;
-	color: #333333;
-	width: 520px;
-	margin: 0 auto;
-	-webkit-font-smoothing: antialiased;
-}
-
-#todoapp {
-	background: #fff;
-	padding: 20px;
-	margin-bottom: 40px;
-	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 6px 0;
-	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 6px 0;
-	-ms-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 6px 0;
-	-o-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 6px 0;
-	box-shadow: rgba(0, 0, 0, 0.2) 0 2px 6px 0;
-	-webkit-border-radius: 0 0 5px 5px;
-	-moz-border-radius: 0 0 5px 5px;
-	-ms-border-radius: 0 0 5px 5px;
-	-o-border-radius: 0 0 5px 5px;
-	border-radius: 0 0 5px 5px;
-}
-
-#todoapp h1 {
-	font-size: 36px;
-	font-weight: bold;
-	text-align: center;
-	padding: 0 0 10px 0;
-}
-
-#todoapp input[type="text"] {
-	width: 466px;
-	font-size: 24px;
-	font-family: inherit;
-	line-height: 1.4em;
-	border: 0;
-	outline: none;
-	padding: 6px;
-	border: 1px solid #999999;
-	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px 0 inset;
-	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px 0 inset;
-	-ms-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px 0 inset;
-	-o-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px 0 inset;
-	box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px 0 inset;
-}
-
-#todoapp input::-webkit-input-placeholder {
-	font-style: italic;
-}
-
+/*
 #main {
-	display: none;
-}
-
-#todo-list {
-	margin: 10px 0;
-	padding: 0;
-	list-style: none;
-}
-
-#todo-list li {
-	padding: 18px 20px 18px 0;
-	position: relative;
-	font-size: 24px;
-	border-bottom: 1px solid #cccccc;
-}
-
-#todo-list li:last-child {
-	border-bottom: none;
-}
-
-#todo-list li.done label {
-	color: #777777;
-	text-decoration: line-through;
+	display: none !important;
 }
+*/
 
 #todo-list .destroy {
-	position: absolute;
-	right: 5px;
-	top: 20px;
-	display: none;
-	cursor: pointer;
-	width: 20px;
-	height: 20px;
-	background: url(destroy.png) no-repeat;
+	display: none !important;
 }
 
+/*
+'destroy' functionality was once hover-oriented, so it's broken, and I don't want to rebuild the app to make it work.
 #todo-list li:hover .destroy {
-  	display: block;
-}
-
-#todo-list .destroy:hover {
-  	background-position: 0 -20px;
-}
-
-#todo-list li.editing {
-	border-bottom: none;
-	margin-top: -1px;
-	padding: 0;
-}
-
-#todo-list li.editing:last-child {
-	margin-bottom: -1px;
-}
+ 	display: block !important;
+} 
+*/
 
 #todo-list li.editing .edit {
-	display: block;
-	width: 444px;
-	padding: 13px 15px 14px 20px;
-	margin: 0;
+	display: block !important;
 }
 
 #todo-list li.editing .view {
-	display: none;
-}
-
-#todo-list li .view label {
-	word-break: break-word;
+	display: none !important;
 }
 
 #todo-list li .edit {
-	display: none;
+	display: none !important;
 }
 
 #todoapp footer {
-	display: none;
-	margin: 0 -20px -20px -20px;
-	overflow: hidden;
-	color: #555555;
-	background: #f4fce8;
-	border-top: 1px solid #ededed;
-	padding: 0 20px;
-	line-height: 37px;
-	-webkit-border-radius: 0 0 5px 5px;
-	-moz-border-radius: 0 0 5px 5px;
-	-ms-border-radius: 0 0 5px 5px;
-	-o-border-radius: 0 0 5px 5px;
-	border-radius: 0 0 5px 5px;
-}
-
-#clear-completed {
-	float: right;
-	line-height: 20px;
-	text-decoration: none;
-	background: rgba(0, 0, 0, 0.1);
-	color: #555555;
-	font-size: 11px;
-	margin-top: 8px;
-	margin-bottom: 8px;
-	padding: 0 10px 1px;
-	cursor: pointer;
-	-webkit-border-radius: 12px;
-	-moz-border-radius: 12px;
-	-ms-border-radius: 12px;
-	-o-border-radius: 12px;
-	border-radius: 12px;
-	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 0 0;
-	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 0 0;
-	-ms-box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 0 0;
-	-o-box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 0 0;
-	box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 0 0;
+	display: none !important;
 }
 
-#clear-completed:hover {
-	background: rgba(0, 0, 0, 0.15);
-	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 -1px 0 0;
-	-moz-box-shadow: rgba(0, 0, 0, 0.3) 0 -1px 0 0;
-	-ms-box-shadow: rgba(0, 0, 0, 0.3) 0 -1px 0 0;
-	-o-box-shadow: rgba(0, 0, 0, 0.3) 0 -1px 0 0;
-	box-shadow: rgba(0, 0, 0, 0.3) 0 -1px 0 0;
-}
-
-#clear-completed:active {
-	position: relative;
-	top: 1px;
-}
-
-#todo-count span {
-	font-weight: bold;
-}
-
-#instructions {
-	margin: 10px auto;
-	color: #777777;
-	text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
-	text-align: center;
-}
-
-#instructions a {
-	color: #336699;
-}
-
-#credits {
-	margin: 30px auto;
-	color: #999;
-	text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
-	text-align: center;
-}
-
-#credits a {
-	color: #888;
-}
+.done{
+	text-decoration: line-through;
+}
\ No newline at end of file
diff --git a/demos/backbone/todos.js b/demos/backbone/todos.js
index fe8ff806..bedc59b6 100644
--- a/demos/backbone/todos.js
+++ b/demos/backbone/todos.js
@@ -111,7 +111,6 @@ $(function(){
 
     // Re-render the titles of the todo item.
     render: function() {
-      console.log(this);
       $(this.el).html(this.template(this.model.toJSON()));
       $(this.el).toggleClass('done', this.model.get('done'));
       this.input = this.$('.edit');
@@ -125,7 +124,7 @@ $(function(){
 
     // Switch this view into `"editing"` mode, displaying the input field.
     edit: function() {
-      this.$el.addClass("editing");
+      $(this.el).addClass("editing");
       this.input.focus();
     },
 
@@ -134,7 +133,7 @@ $(function(){
       var value = this.input.val();
       if (!value) this.clear();
       this.model.save({title: value});
-      this.$el.removeClass("editing");
+      $(this.el).removeClass("editing");
     },
 
     // If you hit `enter`, we're through editing the item.
diff --git a/src/jqtouch.js b/src/jqtouch.js
index 15172997..be0f75b4 100644
--- a/src/jqtouch.js
+++ b/src/jqtouch.js
@@ -139,7 +139,7 @@
                 warn('Converting click event to a tap event because touch handlers are not present or off');
                 $(e.target).trigger('tap', e);
             }
-
+            return true;
         }
         function doNavigation(fromPage, toPage, animation, goingBack) {
 
@@ -598,7 +598,7 @@
             // Make sure we have a tappable element
             if (!$el.length || !$el.prop('href')) {
                 warn('Could not find a link related to tapped element');
-                return false;
+                return true;
             }
 
             // Unselect this element and return if this is an external link

From 31a9874b9921954b0a862287b06b12a0dc5ee809 Mon Sep 17 00:00:00 2001
From: shawndrost <drost@okcupidlabs.com>
Date: Tue, 3 Apr 2012 16:07:24 -0700
Subject: [PATCH 05/15] reformat for jqtouch

---
 demos/backbone/index.html | 52 ++++++++++++++++++++++++---------------
 1 file changed, 32 insertions(+), 20 deletions(-)

diff --git a/demos/backbone/index.html b/demos/backbone/index.html
index c51bc8ff..2b68b3a1 100644
--- a/demos/backbone/index.html
+++ b/demos/backbone/index.html
@@ -15,32 +15,37 @@
           <div class="toolbar">
             <h1>Todos</h1>
           </div>
-          <input id="new-todo" type="text" placeholder="What needs to be done?">
+          <div class="scroll">
+            <ul class="edit rounded">
+              <li>
+                <input id="new-todo" type="text" placeholder="What needs to be done?">
+              </li>
+            </ul>
 
-          <section id="main">
-            <input id="toggle-all" type="checkbox">
-            <label for="toggle-all">Mark all as complete</label>
+            <ul id="main" class="rounded" >
+              <li>
+                <input id="toggle-all" type="checkbox">
+                <label for="toggle-all">Mark all as complete</label>  
+              </li>
+            </ul>
             <ul id="todo-list"></ul>
-          </section>
 
-          <footer>
-            <a id="clear-completed">Clear completed</a>
-            <div id="todo-count"></div>
-          </footer>
+<!--             <footer>
+              <a id="clear-completed">Clear completed</a>
+              <div id="todo-count"></div>
+            </footer>
+ -->
+            <h2>Double-click to edit a todo.  Created by:</h2>
+            <div id="credits" class="info">
+              <p>
+                <a href="http://jgn.me/">J&eacute;r&ocirc;me Gravel-Niquet</a>.
+                <br />Rewritten by: <a href="http://addyosmani.github.com/todomvc">TodoMVC</a>.
+              </p>
+            </div>
+          </div>
           
         </div>
         
-        <div id="instructions">
-          Double-click to edit a todo.
-        </div>
-        
-        <div id="credits">
-          Created by
-          <br />
-          <a href="http://jgn.me/">J&eacute;r&ocirc;me Gravel-Niquet</a>.
-          <br />Rewritten by: <a href="http://addyosmani.github.com/todomvc">TodoMVC</a>.
-        </div>
-
             </div>
         </div>
 
@@ -82,5 +87,12 @@ <h1>Todos</h1>
           <% } %>
           <div class="todo-count"><b><%= remaining %></b> <%= remaining == 1 ? 'item' : 'items' %> left</div>
         </script>
+
+        <script type="text/template" id="about-template">
+          <% if (done) { %>
+            <a id="clear-completed">Clear <%= done %> completed <%= done == 1 ? 'item' : 'items' %></a>
+          <% } %>
+          <div class="todo-count"><b><%= remaining %></b> <%= remaining == 1 ? 'item' : 'items' %> left</div>
+        </script>
     </body>
 </html>
\ No newline at end of file

From 640c80158e3f70053c4365c69d7d1185d9e43f02 Mon Sep 17 00:00:00 2001
From: shawndrost <drost@okcupidlabs.com>
Date: Tue, 3 Apr 2012 16:12:38 -0700
Subject: [PATCH 06/15] add target to external links

---
 demos/backbone/index.html | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/demos/backbone/index.html b/demos/backbone/index.html
index 2b68b3a1..e3902660 100644
--- a/demos/backbone/index.html
+++ b/demos/backbone/index.html
@@ -38,8 +38,9 @@ <h1>Todos</h1>
             <h2>Double-click to edit a todo.  Created by:</h2>
             <div id="credits" class="info">
               <p>
-                <a href="http://jgn.me/">J&eacute;r&ocirc;me Gravel-Niquet</a>.
-                <br />Rewritten by: <a href="http://addyosmani.github.com/todomvc">TodoMVC</a>.
+                <a href="http://jgn.me/" target="_blank">J&eacute;r&ocirc;me Gravel-Niquet</a>.
+                <br />Rewritten by: <a href="http://addyosmani.github.com/todomvc" target="_blank">TodoMVC</a>.
+                <br />Rewritten once more for use with jqtouch by: <a href="http://github.com/shawndrost/jqtouch" target="_blank">Shawn Drost</a>.
               </p>
             </div>
           </div>

From b47b7c2d49eeca0d3742a3a42b63a9aa1ebef499 Mon Sep 17 00:00:00 2001
From: shawndrost <drost@okcupidlabs.com>
Date: Tue, 3 Apr 2012 16:18:29 -0700
Subject: [PATCH 07/15] revert earlier changes to jqtouch.js

---
 src/jqtouch.js | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/jqtouch.js b/src/jqtouch.js
index be0f75b4..15cd996f 100644
--- a/src/jqtouch.js
+++ b/src/jqtouch.js
@@ -139,7 +139,6 @@
                 warn('Converting click event to a tap event because touch handlers are not present or off');
                 $(e.target).trigger('tap', e);
             }
-            return true;
         }
         function doNavigation(fromPage, toPage, animation, goingBack) {
 
@@ -598,7 +597,7 @@
             // Make sure we have a tappable element
             if (!$el.length || !$el.prop('href')) {
                 warn('Could not find a link related to tapped element');
-                return true;
+                return false;
             }
 
             // Unselect this element and return if this is an external link

From 249fefe246af3819b9af4ca05ec57410cb933282 Mon Sep 17 00:00:00 2001
From: shawndrost <sdrost@gmail.com>
Date: Mon, 30 Jul 2012 13:33:39 -0700
Subject: [PATCH 08/15] css fixes

---
 themes/css/jqtouch.css             | 1355 +++++++++++++++++++++++++++-
 themes/scss/include/_core.scss     |    2 +-
 themes/scss/include/_skeleton.scss |  591 ------------
 3 files changed, 1355 insertions(+), 593 deletions(-)

diff --git a/themes/css/jqtouch.css b/themes/css/jqtouch.css
index 0c39a111..e1748218 100644
--- a/themes/css/jqtouch.css
+++ b/themes/css/jqtouch.css
@@ -1 +1,1354 @@
-/* normalize.css 2011-07-12T10:51 UTC · http://github.com/necolas/normalize.css */.webfont-icon-base{color:transparent;-webkit-background-clip:text;background-clip:text;position:absolute;top:0;left:0;text-indent:0;text-shadow:none;-webkit-user-select:none;user-select:none}*{margin:0;padding:0}body{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none}#jqt{-webkit-text-size-adjust:none;-webkit-user-select:none;user-select:none;font-family:"Helvetica Neue", Helvetica;position:absolute;right:0;top:0;left:0;bottom:0}#jqt a{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-drag:none}#jqt .selectable,#jqt input,#jqt textarea{-webkit-user-select:auto}#jqt.notransform{-webkit-transform:none !important}#jqt>*{display:block;left:0;top:0;min-height:100%;width:100%;overflow-x:hidden;position:absolute;z-index:0;display:-webkit-box;display:box;-webkit-box-orient:vertical;box-orient:vertical;-webkit-box-flex:1;box-flex:1}#jqt>.current{z-index:10}#jqt>:not(.current){display:none}#jqt.touchscroll:not(.animating3d){overflow-y:auto;-webkit-overflow-scrolling:touch}#jqt.touchscroll:not(.animating3d)>*{height:100%}#jqt.touchscroll:not(.animating3d) .scroll{position:relative;-webkit-box-flex:1;box-flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}#jqt .scroll{-webkit-margin-collapse:separate}#jqt .in,#jqt .out{-webkit-animation-duration:250ms;-webkit-animation-fill-mode:both;-webkit-animation-timing-function:ease-in-out}#jqt .in{z-index:10}#jqt .in:after{content:"";position:absolute;display:block;top:0;left:0;bottom:0;right:0}#jqt .out{z-index:0 !important}#jqt.supports3d{-webkit-perspective:1000}#jqt.supports3d>*{-webkit-transform:translate3d(0, 0, 0) rotate(0) scale(1)}#jqt .fade.in{-webkit-animation-name:fadeIn}#jqt .fade.out{z-index:10;-webkit-animation-name:fadeOut}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:1}}#jqt .dissolve.in{-webkit-animation-name:dissolveIn}#jqt .dissolve.out{-webkit-animation-name:dissolveOut}@-webkit-keyframes dissolveIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes dissolveOut{0%{opacity:1}100%{opacity:0}}#jqt .pop.in{-webkit-animation-name:popIn}#jqt .pop.out{-webkit-animation-name:popOut}@-webkit-keyframes popIn{0%{-webkit-transform:scale(0.2);opacity:0}100%{-webkit-transform:scale(1);opacity:1}}@-webkit-keyframes popOut{0%{-webkit-transform:scale(1);opacity:1}100%{-webkit-transform:scale(0.2);opacity:0}}#jqt .slideleft.in{-webkit-animation-name:slideLeftIn}#jqt .slideleft.out{-webkit-animation-name:slideLeftOut}@-webkit-keyframes slideLeftIn{0%{-webkit-transform:translateX(100%)}100%{-webkit-transform:translateX(0)}}@-webkit-keyframes slideLeftOut{0%{-webkit-transform:translateX(0px)}100%{-webkit-transform:translateX(-100%)}}#jqt .slideright.in{-webkit-animation-name:slideRightIn}#jqt .slideright.out{-webkit-animation-name:slideRightOut}@-webkit-keyframes slideRightIn{0%{-webkit-transform:translateX(-100%)}100%{-webkit-transform:translateX(0)}}@-webkit-keyframes slideRightOut{0%{-webkit-transform:translateX(0)}100%{-webkit-transform:translateX(100%)}}#jqt .slideup.in{z-index:10;-webkit-animation-name:slideUpIn}#jqt .slideup.out{z-index:0;-webkit-animation-name:slideUpOut}@-webkit-keyframes slideUpIn{0%{-webkit-transform:translateY(100%)}100%{-webkit-transform:translateY(0)}}@-webkit-keyframes slideUpOut{0%{-webkit-transform:translateY(0)}100%{-webkit-transform:translateY(0)}}#jqt .slidedown.in{z-index:0;-webkit-animation-name:slideDownIn}#jqt .slidedown.out{z-index:10;-webkit-animation-name:slideDownOut}@-webkit-keyframes slideDownIn{0%{-webkit-transform:translateY(0)}100%{-webkit-transform:translateY(0)}}@-webkit-keyframes slideDownOut{0%{-webkit-transform:translateY(0)}100%{-webkit-transform:translateY(100%)}}#jqt .flipleft{-webkit-backface-visibility:hidden}#jqt .flipleft.in{-webkit-animation-name:flipLeftIn}#jqt .flipleft.out{-webkit-animation-name:flipLeftOut}@-webkit-keyframes flipLeftIn{0%{-webkit-transform:rotateY(180deg) scale(0.8)}100%{-webkit-transform:rotateY(0deg) scale(1)}}@-webkit-keyframes flipLeftOut{0%{-webkit-transform:rotateY(0deg) scale(1)}100%{-webkit-transform:rotateY(-180deg) scale(0.8)}}#jqt .flipright{-webkit-backface-visibility:hidden}#jqt .flipright.in{-webkit-animation-name:flipRightIn}#jqt .flipright.out{-webkit-animation-name:flipRightOut}@-webkit-keyframes flipRightIn{0%{-webkit-transform:rotateY(-180deg) scale(0.8)}100%{-webkit-transform:rotateY(0deg) scale(1)}}@-webkit-keyframes flipRightOut{0%{-webkit-transform:rotateY(0deg) scale(1)}100%{-webkit-transform:rotateY(180deg) scale(0.8)}}#jqt .swapright{-webkit-animation-duration:.7s;-webkit-transform:perspective(800);-webkit-animation-timing-function:ease-out}#jqt .swapright.in{-webkit-animation-name:swapRightIn}#jqt .swapright.out{-webkit-animation-name:swapRightOut}@-webkit-keyframes swapRightIn{0%{-webkit-transform:translate3d(0px, 0px, -800px) rotateY(70deg);opacity:0}35%{-webkit-transform:translate3d(-180px, 0px, -400px) rotateY(20deg);opacity:1}100%{-webkit-transform:translate3d(0px, 0px, 0px) rotateY(0deg);opacity:1}}@-webkit-keyframes swapRightOut{0%{-webkit-transform:translate3d(0px, 0px, 0px) rotateY(0deg);opacity:1}35%{-webkit-transform:translate3d(180px, 0px, -400px) rotateY(-20deg);opacity:.5}100%{-webkit-transform:translate3d(0px, 0px, -800px) rotateY(-70deg);opacity:0}}#jqt .swapleft{-webkit-animation-duration:.7s;-webkit-transform:perspective(800);-webkit-animation-timing-function:ease-out}#jqt .swapleft.in{-webkit-animation-name:swapLeftIn}#jqt .swapleft.out{-webkit-animation-name:swapLeftOut}@-webkit-keyframes swapLeftIn{0%{-webkit-transform:translate3d(0px, 0px, -800px) rotateY(-70deg);opacity:0}35%{-webkit-transform:translate3d(180px, 0px, -400px) rotateY(-20deg);opacity:1}100%{opacity:1;-webkit-transform:translate3d(0px, 0px, 0px) rotateY(0deg)}}@-webkit-keyframes swapLeftOut{0%{-webkit-transform:translate3d(0px, 0px, 0px) rotateY(0deg);opacity:1}35%{-webkit-transform:translate3d(-180px, 0px, -400px) rotateY(20deg);opacity:.5}100%{-webkit-transform:translate3d(0px, 0px, -800px) rotateY(70deg);opacity:0}}#jqt .cubeleft.in,#jqt .cubeleft.out,#jqt .cuberight.in,#jqt .cuberight.out{-webkit-animation-duration:.6s;-webkit-transform:perspective(800)}#jqt .cubeleft.in{-webkit-transform-origin:0% 50%;-webkit-animation-name:cubeLeftIn}#jqt .cubeleft.out{-webkit-transform-origin:100% 50%;-webkit-animation-name:cubeLeftOut}@-webkit-keyframes cubeLeftIn{0%{-webkit-transform:rotateY(90deg) translateZ(320px);opacity:.5}100%{-webkit-transform:rotateY(0deg) translateZ(0) translateX(0);opacity:1}}@-webkit-keyframes cubeLeftOut{0%{-webkit-transform:rotateY(0deg) translateZ(0) translateX(0);opacity:1}100%{-webkit-transform:rotateY(-90deg) translateZ(320px);opacity:.5}}#jqt .cuberight.in{-webkit-transform-origin:100% 50%;-webkit-animation-name:cubeRightIn}#jqt .cuberight.out{-webkit-transform-origin:0% 50%;-webkit-animation-name:cubeRightOut}@-webkit-keyframes cubeRightIn{0%{-webkit-transform:rotateY(-90deg) translateZ(320px);opacity:.5}100%{-webkit-transform:rotateY(0deg) translateZ(0) translateX(0);opacity:1}}@-webkit-keyframes cubeRightOut{0%{-webkit-transform:rotateY(0deg) translateZ(0) translateX(0);opacity:1}100%{-webkit-transform:rotateY(90deg) translateZ(320px);opacity:.5}}body{background:#000}.base-chevron,#jqt ul li.arrow:after,#jqt ul li.forward:after{content:'›';width:22px;height:100%;vertical-align:middle;font-size:30px;line-height:38px;font-family:Futura, "Futura Condensed", Helvetica, Arial, sans-serif;font-weight:bold;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);opacity:0.6;position:absolute;right:0;top:0;pointer-events:none;z-index:10}.base-flatlists,#jqt ul.metal,#jqt ul.edgetoedge,#jqt ul.plastic{margin:0;padding:0;border-width:0 0 0 1px;-webkit-border-radius:0;border-radius:0}#jqt h1,#jqt h2{font:bold 18px "Helvetica Neue",Helvetica;margin:10px 20px 6px;color:#bbbcbe;text-shadow:#3c3d3e 0 -1px 0}#jqt .toolbar{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:rgba(0,0,0,0.4) 0 1px 6px;box-shadow:rgba(0,0,0,0.4) 0 1px 6px;border-bottom:1px solid #000;z-index:10;position:relative;padding:10px;height:44px}#jqt .toolbar>h1{position:absolute;overflow:hidden;left:50%;bottom:9px;margin:1px 0 0 -75px;width:150px;font-size:20px;font-weight:bold;line-height:1.3em;text-align:center;text-overflow:ellipsis;white-space:nowrap;color:#fff;text-shadow:#161717 0 -1px 0}#jqt.black-translucent .toolbar{padding-top:30px;height:64px}#jqt.landscape .toolbar>h1{margin-left:-125px;width:250px}#jqt .button,#jqt .back,#jqt .cancel,#jqt .add{position:absolute;overflow:hidden;width:auto;height:30px;font-family:inherit;font-size:12px;font-weight:bold;line-height:30px;text-overflow:ellipsis;text-decoration:none;white-space:nowrap;background:none;bottom:6px;right:10px;margin:0;padding:0 10px;color:#e2e3e3;text-shadow:#000 0 -1px 0;-webkit-box-shadow:rgba(255,255,255,0.2) 0 1px 0,rgba(0,0,0,0.2) 0 1px 2px inset;box-shadow:rgba(255,255,255,0.2) 0 1px 0,rgba(0,0,0,0.2) 0 1px 2px inset;border:1px solid #000;-webkit-border-radius:5px;border-radius:5px;background-image:none;background-color:#0a0a0a;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2f3031), color-stop(50%, #161717), color-stop(51%, #0a0a0a), color-stop(100%, #000000));background-image:-webkit-linear-gradient(top, #2f3031,#161717 50%,#0a0a0a 51%,#000000);background-image:linear-gradient(top, #2f3031,#161717 50%,#0a0a0a 51%,#000000)}#jqt .button.active,#jqt .back.active,#jqt .cancel.active,#jqt .add.active{border-color:#000;background-image:none;background-color:#000;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #262627), color-stop(50%, #0d0d0d), color-stop(51%, #000000), color-stop(100%, #000000));background-image:-webkit-linear-gradient(top, #262627,#0d0d0d 50%,#000000 51%,#000000);background-image:linear-gradient(top, #262627,#0d0d0d 50%,#000000 51%,#000000);color:#d8d9d9;text-shadow:#000 0 -1px 0}#jqt .back{max-width:60px;margin-left:15px;overflow:visible;padding-left:5px}#jqt .back:after,#jqt .back:before{content:'';position:absolute;width:20px;height:20px;top:1px;left:1px;-webkit-transform:rotate(45deg) translate3d(0.2px, 0, 0);transform:rotate(45deg) translate3d(0.2px, 0, 0);-webkit-transform-origin:0 0;transform-origin:0 0;background-image:none;background-color:#0a0a0a;background-image:-webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #2f3031), color-stop(50%, #161717), color-stop(51%, #0a0a0a), color-stop(100%, #000000));background-image:-webkit-linear-gradient(top left, #2f3031,#161717 50%,#0a0a0a 51%,#000000);background-image:linear-gradient(top left, #2f3031,#161717 50%,#0a0a0a 51%,#000000);background-size:100% 98%;-webkit-border-radius:0 0 0 2px;border-radius:0 0 0 2px;-webkit-mask-image:-webkit-linear-gradient(45deg, #000, #000 15px, rgba(0,0,0,0) 15px);-webkit-mask-image:-webkit-gradient(linear, left bottom, right top, from(#000), color-stop(50%, #000), color-stop(50%, rgba(0,0,0,0)), to(rgba(0,0,0,0)));-webkit-mask-clip:border-box;-webkit-background-clip:content-box}#jqt .back:after{-webkit-box-shadow:rgba(0,0,0,0.2) 1px 0 0 inset,rgba(0,0,0,0.2) 0 -1px 0 inset;box-shadow:rgba(0,0,0,0.2) 1px 0 0 inset,rgba(0,0,0,0.2) 0 -1px 0 inset}#jqt .back:before{margin-left:-1px;background:#000 none}#jqt .back.active:after{background-image:none;background-color:#000;background-image:-webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #262627), color-stop(50%, #0d0d0d), color-stop(51%, #000000), color-stop(100%, #000000));background-image:-webkit-linear-gradient(left top, #262627,#0d0d0d 50%,#000000 51%,#000000);background-image:linear-gradient(left top, #262627,#0d0d0d 50%,#000000 51%,#000000)}#jqt .back.active:before{background-color:#000}#jqt .blueButton{background-image:#2f7ce3,glossy;color:#fff;text-shadow:#1a63c5 0 -1px 0}#jqt .whiteButton,#jqt .grayButton,#jqt .redButton,#jqt .blueButton,#jqt .greenButton{display:block;font-size:20px;font-weight:bold;margin:10px 20px;padding:10px;text-align:center;text-decoration:inherit;-webkit-border-radius:8px;border-radius:8px;-webkit-box-shadow:rgba(0,0,0,0.4) 0 1px 3px,rgba(0,0,0,0.4) 0 0 0 5px,rgba(255,255,255,0.3) 0 1px 0 5px;box-shadow:rgba(0,0,0,0.4) 0 1px 3px,rgba(0,0,0,0.4) 0 0 0 5px,rgba(255,255,255,0.3) 0 1px 0 5px}#jqt .whiteButton.active,#jqt .whiteButton:active,#jqt .grayButton.active,#jqt .grayButton:active,#jqt .redButton.active,#jqt .redButton:active,#jqt .blueButton.active,#jqt .blueButton:active,#jqt .greenButton.active,#jqt .greenButton:active{background-image:none;background-color:#3c8101;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5fcd01), color-stop(50%, #479b01), color-stop(51%, #3c8101), color-stop(100%, #306801));background-image:-webkit-linear-gradient(top, #5fcd01,#479b01 50%,#3c8101 51%,#306801);background-image:linear-gradient(top, #5fcd01,#479b01 50%,#3c8101 51%,#306801);color:#fff;text-shadow:#244f00 0 -1px 0}#jqt .whiteButton{background-image:none;background-color:#eee;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, #fbfbfb), color-stop(51%, #eeeeee), color-stop(100%, #e1e1e1));background-image:-webkit-linear-gradient(top, #ffffff,#fbfbfb 50%,#eeeeee 51%,#e1e1e1);background-image:linear-gradient(top, #ffffff,#fbfbfb 50%,#eeeeee 51%,#e1e1e1);color:#151515;text-shadow:#fff 0 1px 0}#jqt .grayButton{background-image:none;background-color:#444;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6a6a6a), color-stop(50%, #515151), color-stop(51%, #444444), color-stop(100%, #373737));background-image:-webkit-linear-gradient(top, #6a6a6a,#515151 50%,#444444 51%,#373737);background-image:linear-gradient(top, #6a6a6a,#515151 50%,#444444 51%,#373737);color:#fff;text-shadow:#2b2b2b 0 -1px 0}#jqt .redButton{background-image:none;background-color:#d83b38;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e57a78), color-stop(50%, #dc504d), color-stop(51%, #d83b38), color-stop(100%, #ce2c28));background-image:-webkit-linear-gradient(top, #e57a78,#dc504d 50%,#d83b38 51%,#ce2c28);background-image:linear-gradient(top, #e57a78,#dc504d 50%,#d83b38 51%,#ce2c28);color:#fff;text-shadow:#b92724 0 -1px 0}#jqt .redButton.active,#jqt .redButton:active{background-image:none;background-color:#c12926;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #de5856), color-stop(50%, #d52e2b), color-stop(51%, #c12926), color-stop(100%, #ac2422));background-image:-webkit-linear-gradient(top, #de5856,#d52e2b 50%,#c12926 51%,#ac2422);background-image:linear-gradient(top, #de5856,#d52e2b 50%,#c12926 51%,#ac2422);color:#fff;text-shadow:#97201e 0 -1px 0}#jqt .greenButton{background-image:none;background-color:#53b401;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #76fe04), color-stop(50%, #5fcd01), color-stop(51%, #53b401), color-stop(100%, #479b01));background-image:-webkit-linear-gradient(top, #76fe04,#5fcd01 50%,#53b401 51%,#479b01);background-image:linear-gradient(top, #76fe04,#5fcd01 50%,#53b401 51%,#479b01);color:#fff;text-shadow:#3c8101 0 -1px 0}#jqt .leftButton,#jqt .cancel,#jqt .back{left:6px;right:auto}#jqt .add{font-size:24px;line-height:24px;font-weight:bold}#jqt ul{padding:0;margin:5px 10px 10px 10px;-webkit-margin-collapse:separate}#jqt ul,#jqt ul.individual li{background-color:#555658;color:#d5d6d7;text-shadow:#3c3d3e 0 -1px 0;border:1px solid #2f3031;font:bold 18px "Helvetica Neue",Helvetica}#jqt ul:first-child{margin-top:15px}#jqt ul li{border-top:1px solid #48494b;list-style-type:none;overflow:hidden;padding:10px;-webkit-transform:translate3d(0, 0, 0)}#jqt ul li a{text-decoration:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;padding:10px;margin:-10px;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-transform:translateZ(0);color:#fff;text-shadow:#3c3d3e 0 -1px 0}#jqt ul li a.active,#jqt ul li a.selected{background-image:none;background-color:#53b401;-webkit-box-shadow:#5cc801 0 1px 0px inset;box-shadow:#5cc801 0 1px 0px inset;color:#fff;text-shadow:#3c8101 0 -1px 0}#jqt ul li a.active small,#jqt ul li a.selected small{color:#a0fe50;text-shadow:#000 0 -1px 0}#jqt ul li a.active small.counter,#jqt ul li a.selected small.counter{background-color:#306801}#jqt ul li small{color:#53b401;font:16px "Helvetica Neue",Helvetica;text-align:right;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;width:23%;position:relative;z-index:20;float:right;line-height:16px;padding:2px 8px 4px 8px}#jqt ul li small.counter{background:#2f3031;color:#949698;text-shadow:#0a0a0a 0 -1px 0;z-index:10;font-size:16px;font-weight:bold;-webkit-border-radius:3px;border-radius:3px;display:block;width:auto}#jqt ul li ::-webkit-input-placeholder{color:#949698;text-shadow:#3c3d3e 0 -1px 0}#jqt ul li input[type="text"],#jqt ul li input[type="password"],#jqt ul li input[type="tel"],#jqt ul li input[type="number"],#jqt ul li input[type="search"],#jqt ul li input[type="email"],#jqt ul li input[type="url"],#jqt ul li textarea,#jqt ul li select{color:#fff;text-shadow:#3c3d3e 0 -1px 0;background:transparent url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");border:0;font:normal 17px "Helvetica Neue",Helvetica;padding:0;display:inline-block;margin-left:0px;width:100%;-webkit-appearance:textarea}#jqt ul li textarea{height:120px;padding:0;text-indent:-2px}#jqt ul li input[type="checkbox"],#jqt ul li input[type="radio"]{margin:0;padding:10px}#jqt ul li input[type="checkbox"]:after,#jqt ul li input[type="radio"]:after{content:attr(title);position:absolute;display:block;width:0;left:21px;top:12px;font-family:"Helvetica Neue",Helvetica;font-size:17px;line-height:21px;width:246px;margin:0 0 0 17px;color:#fff;text-shadow:#3c3d3e 0 -1px 0}#jqt ul li input[type='submit']{-webkit-border-radius:4px;border-radius:4px;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#9c9ea0));border:1px outset #aaa;display:block;font-size:inherit;font-weight:inherit;padding:10px}#jqt ul li.arrow small,#jqt ul li.forward small{margin-right:24px}#jqt ul li.forward:before{content:"";position:absolute;display:block;width:24px;height:24px;top:50%;right:6px;margin-top:-12px;width:24px;height:24px;-webkit-border-radius:12px;border-radius:12px;background-image:none;background-color:#53b401;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #76fe04), color-stop(50%, #5fcd01), color-stop(51%, #53b401), color-stop(100%, #479b01));background-image:-webkit-linear-gradient(top, #76fe04,#5fcd01 50%,#53b401 51%,#479b01);background-image:linear-gradient(top, #76fe04,#5fcd01 50%,#53b401 51%,#479b01);border:2px solid #fff;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.3);box-shadow:0 1px 2px rgba(0,0,0,0.3);-webkit-box-sizing:border-box;padding:0;z-index:10;line-height:0;pointer-events:none}#jqt ul li.forward:after{color:#fff;text-shadow:#3c8101 0 -1px 0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;font-size:24px}#jqt ul.rounded,#jqt ul.individual li{-webkit-box-shadow:rgba(255,255,255,0.15) 0 1px 0;box-shadow:rgba(255,255,255,0.15) 0 1px 0;border:1px solid #2f3031}#jqt ul.rounded{-webkit-border-radius:8px;border-radius:8px}#jqt ul.rounded li:first-child,#jqt ul.rounded li:first-child a{border-top:0;-webkit-border-top-left-radius:8px;border-top-left-radius:8px;-webkit-border-top-right-radius:8px;border-top-right-radius:8px}#jqt ul.rounded li:last-child,#jqt ul.rounded li:last-child a{-webkit-border-bottom-left-radius:8px;border-bottom-left-radius:8px;-webkit-border-bottom-right-radius:8px;border-bottom-right-radius:8px}#jqt ul.form li{padding:7px 10px}#jqt ul.form li.error{border:2px solid red}#jqt ul.form li.error+#jqt ul.form li.error{border-top:0}#jqt ul.metal li{background-image:none;border-top:1px solid #fff;border-bottom:1px solid #666;font-size:26px}#jqt ul.metal li a{line-height:26px;margin:0;padding:13px 0}#jqt ul.metal li em{display:block;font-size:14px;font-style:normal;width:50%;line-height:14px}#jqt ul.metal li small{float:right;position:relative;margin-top:10px;font-weight:bold}#jqt ul.edgetoedge li{font-size:20px}#jqt ul.edgetoedge li:first-child{border-top:0}#jqt ul.edgetoedge li.sep{font-size:16px;padding:2px 10px}#jqt ul.edgetoedge li em{font-weight:normal;font-style:normal}#jqt ul.plastic{font-size:18px}#jqt ul.plastic li{border-width:1px 0;border-style:solid;background-image:none;background-color:#2a2b2c;border-top-color:#2f3031;border-bottom-color:#232324}#jqt ul.plastic li:nth-child(odd){background-image:none;background-color:#2f3031}#jqt ul.plastic li a.active.loading{background-image:url(img/loading.gif);background-position:95% center;background-repeat:no-repeat}#jqt ul.plastic li small{color:#949698;font-size:13px;font-weight:bold;text-transform:uppercase}#jqt ul.individual{border:0;background:none;clear:both;overflow:hidden}#jqt ul.individual li{font-size:14px;text-align:center;-webkit-border-radius:8px;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;width:48%;float:left;display:block;padding:11px 10px 14px 10px}#jqt ul.individual li+li{float:right}#jqt ul.individual a{line-height:16px;margin:-11px -10px -14px -10px;padding:11px 10px 14px 10px;-webkit-border-radius:8px;border-radius:8px}#jqt .toggle{width:94px;position:relative;height:27px;display:block;overflow:hidden;float:right}#jqt .toggle input[type="checkbox"]{margin:0;-webkit-border-radius:5px;border-radius:5px;height:27px;overflow:hidden;width:149px;border:0;-webkit-transition:left 0.15s ease-in-out;transition:left 0.15s ease-in-out;position:absolute;top:0;left:-55px;-webkit-appearance:textarea;-webkit-tap-highlight-color:rgba(0,0,0,0)}#jqt .toggle input[type="checkbox"]:checked{left:0px}#jqt .info{font-size:12px;line-height:16px;text-align:center;color:#444;padding:15px;font-weight:bold}#jqt>*{background-image:url('data:image/png;base64,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'),-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7b7c7f), color-stop(30%, #696a6d), color-stop(65%, #555658), color-stop(100%, #464748));background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAQAAACQ9RH5AAAUmUlEQVR4nFVYB3gUVde+M7MzO7M7O7t0UJEgRYkQQYoERIoiVYoFCB0EFKQqIAiGmh/pKEgVFERCQHoQkBoQEz9QqqggHSRIgN3ZPm3/d242qPs8uzu3nfKe95x777CE/MYQ8odEyGgHweckt0yqy5L/fFZwZZnHfSnCHF9x+w2Mn/ISUl/5y/OdMFqw+6pxhPj44vGq+G8iZznacXYrXSQkG7L9ziz8NqQyfhMgYr5rgJQaI2SRkaIUuhqYQ6OnrX+rrSq8Yx5QbvtPCeP9hNSA0C0Yrxcg5Gf1seAi1yJtmKui67JJSEfGnr9UuaoTwiQmGXvMtd7K7nzIPoBRX/xdGFIuaM+ppbGvCmscRwwzcQV2X1OX68XKnkJrL1f8zPJPc3UDy/lBWDyYvYQZY1hFKh6byy8ImZ6lkcLIUzBovWb3dWEby4QcDxOyn6seu4n/YdLqBCH9PCGjmjLXHKR8Bs/ZzeRmwLbwKbpoalLxFbTammehvrfjcvgP8478rr4lSkjUaY/Kohq1/+cx43TVxQXz3VihN5YvSNO5fc7hVkGoWEprs2mcYhDNAbLRUBXzsvos+UIdaUCxV9visgdjLh8V+qFo/+ZIVwFbGtSvN+x2paQoDb0fCDMihJQie7ix8KOJWo5LD9MokxeZTLOrsFW1w1MSKCfFpjuCsylhP30Jbz/2bGXYsHdkpCwaYsRPrZsdaw+guker0mm5rnRy3lMsYiSUborMUuZrA52XXA/JQNpbQc5xTsLIHuG7+AMYFAmehwP9iY5fHerj0d7ivxkzAI7MCM5KsG6QpMjowP0zxMD+Om4HtbRj5JZwx7SfJiu51JSJ8GdNvAZU2P0+9m6oVSQLI+20h/rPzBLnHWchWlO0L/HrwYwLQkv+H9lx9yj5cUg+QdgUph383W0GPb0x4TtpoWd3YqrjXNhAFG8iZeKu1lBSSGaqV7BQclz0bsb8mUkvJjlLRI7G6gxhePy6MwyVbdkRrFuKQXGq9jZ4vFE6h5l+xRn+gLtN+cFeS2yjSeAJrteXk/bRMcFC7zG33fOVUDmwwfE3UmgF/x56BrJ3fFGjiIyE4DRHaQVI+eZHdyT5vQi0PA8KNVZHWBy/14rHwlAwjRrYSe4RnW8yQnkw5UkgPM+10YepBu8UblPllWkJqRg4iMEjYn9Qqyel1inGNAe41liVYESTgA1xp9AD9YKzrL+Q3I+X+NyRFaLTxEOOG6bumg6FLZgJ8i9iFYzMgVFfGWVEjdaHN8jYSA8/O8cnR+La67D/vu+3JIBfs5OEFrHi574YWa796vwyUtzuxLXxHEf1ueZOhUqeHQuPTbkhVuZav/NV2FbGMZENZMa+9xxJ1Au97b+ONc9Q44rUYglbiJ3/rF2NCGmDbxn/DvZHeTAU9bGytDkMzTKyDtN3uh9SgklQ8nNiX7Ap1qTQFNKtB/jnQgWUQM/ovTS7yNjPe2yO8DOSxLqHzPhTPsA9TTnxg2OcjknTIW56wO44pr7HrFLfpoMmEyF+yvXr0iytiOZxb0ClyM+5S8BtJC7F+guudR4OBKqJ/pFo/x6ZB4kLjXLcWL0/6eao5dnBhhMXpeqhV8y/4PtQLg0+sbeldLIhKepxzykIWE2BmWj1UXxmFkCtEs1P1rNVGCmKv0UjtQ0q3uUHQEWZ2ETQrZ5wMVwkLaP1byzl7T2g9J6+yVgcGetZbNW0qcYHlHbyMlMBiuzj0YvxnhS2Ss6lyfr0HSI21/2FnS7+ebBugtuuu4PR3iQv4zOBQytyllV9A4MSVlawbmPdKW2WuBgUjSUT7KZi+tbQ+tVVvhSYD4ZUUaboFcgezO0Bd9h853tWN7ajL82V5uic+FVZjGi0B7HGhZ1qADVsaCzMfBIuy+5hV5G/hG6hN0MnIOwQkVnFT/7zmRibFhEUEahcdd/hKqsPzIHaDpgRDEgwfhN7HX7eU9M8X4kbsZJNj2fzTXk3ORvZB+s3J0YE84lB02ov64V1bqu54xRTZC0A3BaAdDP1QxdYe4eqwtl78l3XF8I31MtGvlaCpl5XGvuqhiuZZcRywcveCZRctaPPOrtZ2aydNH6jf2wC5rOGmKGPiudQ6894GrJdSTo5gelLmbY0lgW+k3q9xLNSGtj+BNrhxBwh1RI8G7Xrpr0nV4gM0nrByxvuutohjfU+ZhZQWfdjUemz4GfaPRh3IjHQnCwPlmNEEG8g1tVtxTXJEUr/jyH4ueCK6DY8p0e7u4eBMJ9gUWMq5tfoWTUTrZtYMh5+a8Ge1kY8dyN2gqwExZ4Mr4z8RqwAD9z2CrPRM0v/1GqtlaP58oGhRUJqD0WLqXD7Y7avxF6JtaCebaC1ayeEPuZdJ+eED4JQE7AoG//N7fLCTQ84nZUf1alqTA88N2OaxjfJQ+AFa5OQkukFZ1vtQ/RMN85h3TyErTOUzYGWjepp1zHUwjv+9Qb1NuJ9lb0MJf0Vu5UTqg5y/ZpUkAEP8tQnvGWQHHGq9qTTYBs5LtO9KkteQzrSXgu8XQGhU71jaUrJwKcO6DQWfTsgT6JnrbqRXNEFLZZdQHoIrsD31OtpNJ3GOZtg8shwKqVYPt2NbwWKzZgP2xvEHdYSR3HbPiAcpNTaTHo5Klp7+Y/NgHQdSvYbqXylZAlug3ZNKuEF77JQhJZOKN4ICzvz+6Td4CkhbwoFkWrCS6yDT2GrSd94mz3aqTn5DD/S3jgQv9PWaRDwrvsgrH8tlMfUUt4i38DctrpbGxSp4p8tpocv6Kmxp9h3XBOkyZGK0hkgNFD8KWBn+kv2mWsnRJYRmlptottZDSJbIE4T2KNWef6its3oFTCS2bpTjCZmJXggswHx68W2w7xubGnqR/NEBrwYX3xogitDPR8C3E8dqnTFWhH5JFqZK4wugqG10PuKR4wfNaJOtpMNgN7FvMAOEgQsHw7wBsemubuaf5I05O4tqrabq1MsJ7HRcLrvQGEX+Vj8TniSlBc8ryjunu5TnkzMmRNbht/OEL4sOARU/dGcRxnUxZ0CUzPwPI6cJhxTGgZKcTQ15btETZJqFe9AhDjEKt4p4c+T/H2C5LH2WWuKMtjRwBsPVwLY20NtAVwWxJW21PCGcCbUzFWIOBTzT1Bmr0yM8WV4+6L/vHeDoz1iXKF4a/TsUx/EkjFWkvvkUOcIyryoeD1JpSkUvObWQETysBVTTwbIo08B4nTR4aNVfhckJEIk9odjjHO0UResaOhd6PfGrwO9fporcNgoWfUKNqFUV64SEaG4eMcPkKuqSU/5vD/ft0153bFWTjG+p6asgeCjoZLFqmQxU7y3ZZOpabgSJb3jEf2njXTxuHXarOZqmbB5YPdfZvMc0UdrRZh7Uuiojrc9zuaWQfw3yLulZlXXOeUJPt3fVd1q9AsNMF4FtXJoumQm71NB56sJS7maKKVyj5QaTMlTBerF5cgcdbq4KvaMr7u3gaM59fd5ejarL51gOJixJAZxdbkPzMnuYYEnsPxYrI56C5Tq4uz+6Pw4GHyUmemWzexNXk+8IOYIrFN/RUVbz8yTYjD66eTJ+0ff8kfGuPkO5u9+3joQuEDL0i/Rfspf0ktGw0QEOhuyrH2BigR/QKxuYdET1mblKCJbJOTEVzh/oZ7kwMIQFdgp1i0Q9xYLHoGwSMzY6J+64rlMWfISc1TfSglayluKqWjtZgpIS8Q7i91L96i16lBjVtTjLgV6nrDYzY6u7nLyEdKG16mat9Rh1hLmB4jNYZ5PXJEOMe3+YRR5UnKCYCu547T1htXcXTusBm/x38qf8EcTE8Jx0yD3ZZY8TPQKd0g0Jm8jVA1CBcnVO4BlMJzKvWPvToWubeF7oe6i32UmD0AHpeGJe0iKOkiAANOK+nqURnih6wY91Awxm5I8LH7oy6OsXutyWROSxyMHKRMaR9kfgYxV+G/ATtVLQ3ZH0hc9XumCGTVljh0BmNL4nFiedSOxytsW0FQINGbLAY5fmJOkHkp/Fqa/RGu517HM8Rr3teMsotYcZpWCPycA/aTAbvLvzwR8da4t1h2Bwlrmx+RB+At3LlmnrSUBmL5L+oGjnlzDlBcjNcM/hfbSGBVQNWfFg3QrmJL05VUvY7V25Xr6GKP0z1wlSr4INwa9Po9sS74taIY1rXyFTt48GirPfmOfycQZ6B9EsRnCnZZK8Q+DdTWqeDvUncS3Z7J2NfA2gmDF/JxkOAodbeHfs/IG1/eBAaHqagJeHo7ei+nJi+gKwz5xNPZ29V+X7fYx40PvIX82NfZvawXwMKGyMZLpVddDOW6uJg/pGFXcKrZL5hCz78hqtHaSk4H/RcaJhXqqK9uobeYiYnuNTzDzjlMCdPbdYYb1Hvck18db4ncB5qxN3jVmB1LkMcBshdiXaYQczobhBdHffN9HSiE//gfn5oPG7JM0B18LteImeueRt0l3pROpYdfemG6t0TPYIkqueY7SWFQpHoX18yjBVkZTXV9TEqWLHfhZMCbTqpkMwDYaqndi6xL1whaToXZGqxbd5bzKW3Dwg0SWyFZE4pxh+/Bp+iwqJgdk25bcwK+ZX+J3vWu2MEk7Qjo8ukEUfzRaCC0mP7ZbnxhV3L8wF5M+14tkJSPez3FYHufZQRgY9hqyOaBuMezbo0tjUx2dhKVye8FrXz5IgVDR1dlZO8rQlG+iHUPcekc+1MqD5bvD/1V8iGLh4UYiE655XiA3aVEsQmuyMCm5i681Xg7ODY5mZwODXTS2KnOB2RnKldmvjJ3aCvUkmxm/6X0G99nCyI54Bb6/0YWWk+76v1X1dge8/7Q6UjJNdXyGqKUE94c7R35EzwGgdde0A2g6RviuU88TZDLk3KCB+Ioswv9BNVn65wd/5ioHLnn30OL3g+vLRDPyq7Oi80E03VkGizvQers+7E1ujAtQTnMB9R5xHN0W7MvsQ76JfT0BLqvMGwggZyz2C3q2uMS3Ug54BnseUITOabX5GY5qDFWcLfaW6sPuGoHyXoE/7J0M+oxTFpuFcVbJj9/3fyrthkGlKfzfUh8e8s9DjF/4KDGF5vo6tYDNpCaNFCc5SjA5K1cKZ8SG+1lGCqwK1qWkHGiM9J/nLyegOOJcba6PrlFiwgLH0rDBtgzkaA1kK7DSfY+x1EVulv2YAv4Av0Ok43STm0GJ5dNamdOMfojtMNLYeioxFFAf4bKMsXw9xY08TwuV8dWBhgeI8EKEbq1Qhhq10H7PVVt2xQ/om8SB6rfO9403Dav47AzBKUY5eDU6bFlq8bsuOd27MroQI2uQEm3RM48bZA2UZwOrpWiNMZZhbANET3f8qIbp6fq+fwjMcgL4MYkCvp92n0p6TP9AZMfTnJvKDuV6Y3iDbxusrkMjeiXJ4gXJ3fZlPT/AUkINhHEj4dFYs5Z1nH2L4tHiUSUj5KO4RFrwTWHeNWlE+E9+Kw3oVZiU63iTvQMZrRm2L3Jvl3whssx0YbinvyusPkcpttPxsme/NJV/P1gscn28E0khPRHpEc4hYnutHARM52ZFpkHgef6I5qZHh8Uw90k400Q6DvNSolGuuv46dS6bn8l3NI56KoXGkrZRasun1ObIf97ZNpM7GQeDN4yp+vvKHvdVRz5I1Uu8EjIgfim7MtaMXOE6eDLNrcw7yNzaehkhHK8AWIcg4d7H+v9T+9D0eSCWTWbOTvUzaPjbft2EFjsc9egAjWsFiF7HT6U3hw7KsdAVZOTbMGmBut2saqSjJHSPPSZtAiIm+HmMeAIDYt3F9folmlD19ZDzLvoXx/+khaSV8nVkAVQ/Hi565NDfZjk24p2L0IkCG9RKuu/6b/J99a302U6fpyCwqbsF11I5JJ5NVuHjdP86k1zxpv4D2rcBvtM109HYuQTeOmPVadpMQoDeL3lFlUywe9Jq2RUYBDdjGrtWHwLPqrMVRIYd71zuPJvcGv/PvV2x3zofMQ+rl/xpEFEby6tqvdxH+ecwfsj5OT9YvA1EHsd3n9FIP8YOp+XFR6F9GRkxERg6vHYaXaOGl4uWRq995hrHsnW5VIC73KpDBjDZod6UmwHfFt9H4S5qCRbnJPulw3maCt+E04Tn4OON+Ht68Z26yAbUKD6P2B+/9YfDTj5czdFjwJhSkRTq+373i8FKkDRRShfYu9Zo8PAV8ju7Br7KlMEfhvOSIFXyFbIKH4rXo74cpmmmmWd0+8WwJdhvK3d4y2JujX8RsxIO9oeVjZC6yNXcl24zJplq+cwC7k5ggzAr+nqMvZOYS8lwC8ub22BC+DWrMYVLEuqHF7Gqnm694uzGL3W1pBiUp2QqxbGArIykJ8h/PgWOO+R/QorZ3C4+kTx/Plno3E15tFHIDI2EgQw3xrnHAwV7tAI2TbQrTJ4xWagPn/eaPWOvAKqolqtPwdQFrgPxTfqB2Aguy2lfAGwxD82mMHFU9F19UXLvzVR6+/JcBx1bXI20qvBXZ7bTmWNApjzlitwD6h0wJyOaSdoF2SLxkDnFmm2tpFzsLH2LoX2Iw54kEyWrhJ0cto2aaNmo9uEOe4/D/2VSUbQn9UchS60m8f3CpNgbmN1XZhQ+0aWYqOBA13gHyJ0nnkIqVXWVireW2bIAbqrQJqmmIWLpUtrg9zmtzaO9t5znCyCz2d9RmulswDUFtWZaLQMv+F6Uw0CgPBTl4GpdFBoWnZkk2LpQ4hE1SWSp50Fcg+KxsXrBw76rkb7c/hCNZbrWloLSj4JWfA25EMmw8p1Hac+94CBKntxoa+uk+TnGz3lue3/ytw+pUPS895y3e7Ia3JPsum8/pcCkF5KXuZeMPEcG1VCXtPTXFNaZI93JchYHT3cqYug15HRbxGcq+voHPYmXqAfZQnry9e+8SJaLxdyO6ldkF/mIXAZSvwRW0JIreu1MxYmNkvVa/JL8U5J4taPNjZnBECBPgb6L2kR32MJDK+98Pi/2lreTusLYFcumB70iYmuqrX2NyRekDC1fb8GOokJucouFmrx9e2iGJHFRP5YA7PVCDcqE+u4zyV2tRmgU3TZyPam0fMiRUWS71cB+9RZeHf1/Xrag4w6q3L8AAAAASUVORK5CYII='),-webkit-linear-gradient(top, #7b7c7f,#696a6d 30%,#555658 65%,#464748);background-image:url('data:image/png;base64,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'),linear-gradient(top, #7b7c7f,#696a6d 30%,#555658 65%,#464748)}#jqt .toolbar{background-image:-webkit-gradient(radial, 50% 50%, 0, 50% 50%, 12.5, color-stop(12.5%, #181819), color-stop(12.5%, rgba(11,11,12,0))),-webkit-gradient(radial, 50% 50%, 0, 50% 50%, 12.5, color-stop(12.5%, #181819), color-stop(12.5%, rgba(11,11,12,0))),-webkit-gradient(radial, 50% 50%, 0, 50% 50%, 12.5, color-stop(12.5%, rgba(255,255,255,0.1)), color-stop(12.5%, rgba(255,255,255,0))),-webkit-gradient(radial, 50% 50%, 0, 50% 50%, 12.5, color-stop(12.5%, rgba(255,255,255,0.1)), color-stop(12.5%, rgba(255,255,255,0)));background-image:-webkit-radial-gradient(#181819 12.5%,rgba(11,11,12,0) 12.5%),-webkit-radial-gradient(#181819 12.5%,rgba(11,11,12,0) 12.5%),-webkit-radial-gradient(rgba(255,255,255,0.1) 12.5%,rgba(255,255,255,0) 12.5%),-webkit-radial-gradient(rgba(255,255,255,0.1) 12.5%,rgba(255,255,255,0) 12.5%);background-image:radial-gradient(#181819 12.5%,rgba(11,11,12,0) 12.5%),radial-gradient(#181819 12.5%,rgba(11,11,12,0) 12.5%),radial-gradient(rgba(255,255,255,0.1) 12.5%,rgba(255,255,255,0) 12.5%),radial-gradient(rgba(255,255,255,0.1) 12.5%,rgba(255,255,255,0) 12.5%);background-repeat:repeat;background-position:0 0,8px 8px,0 1px,8px 9px;background-color:#2f3031;background-size:16px 16px}#jqt ul li{border-top:1px solid #48494b;background-image:none;background-color:rgba(85,86,88,0.2);background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(123,124,127,0.2)), color-stop(3%, rgba(98,99,101,0.2)), color-stop(100%, rgba(72,73,75,0.2)));background-image:-webkit-linear-gradient(top, rgba(123,124,127,0.2),rgba(98,99,101,0.2) 3%,rgba(72,73,75,0.2));background-image:linear-gradient(top, rgba(123,124,127,0.2),rgba(98,99,101,0.2) 3%,rgba(72,73,75,0.2))}#jqt ul li a{color:#fff;text-shadow:#3c3d3e 0 -1px 0}#jqt ul li .toggle input[type="checkbox"]{-webkit-border-radius:5px;border-radius:5px;background:#fff url(../img/jqt/on_off.png) 0 0 no-repeat}#jqt ul li input[type='submit']{background-image:none;background-color:#fff;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, #ffffff), color-stop(51%, #ffffff), color-stop(100%, #f2f2f2));background-image:-webkit-linear-gradient(top, #ffffff,#ffffff 50%,#ffffff 51%,#f2f2f2);background-image:linear-gradient(top, #ffffff,#ffffff 50%,#ffffff 51%,#f2f2f2);border:1px outset black}#jqt ul li small.counter{-webkit-box-shadow:rgba(255,255,255,0.1) 0 1px 0;box-shadow:rgba(255,255,255,0.1) 0 1px 0}#jqt ul.metal li{background-image:none;border-top:1px solid #fff;border-bottom:1px solid #666;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#9c9ea0))}#jqt ul.metal li a{text-shadow:#fff 0 1px 0}#jqt ul.metal li a.active{color:#000}#jqt ul.metal li em{color:#444}#jqt ul.edgetoedge li{background-image:none;background-color:#3c3d3e;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #282829), color-stop(100%, #2f3031));background-image:-webkit-linear-gradient(top, #282829,#2f3031);background-image:linear-gradient(top, #282829,#2f3031);border-bottom:1px solid #1e1e1f;border-top:1px solid #343536}#jqt ul.edgetoedge li.sep{background-image:none;background-color:rgba(0,0,0,0.3);background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(38,38,38,0.3)), color-stop(30%, rgba(20,20,20,0.3)), color-stop(65%, rgba(0,0,0,0.3)), color-stop(100%, rgba(0,0,0,0.3)));background-image:-webkit-linear-gradient(top, rgba(38,38,38,0.3),rgba(20,20,20,0.3) 30%,rgba(0,0,0,0.3) 65%,rgba(0,0,0,0.3));background-image:linear-gradient(top, rgba(38,38,38,0.3),rgba(20,20,20,0.3) 30%,rgba(0,0,0,0.3) 65%,rgba(0,0,0,0.3));color:#949698;text-shadow:#000 0 -1px 0}#jqt .info{background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ccc), to(#aaa), color-stop(0.6, #ccc));text-shadow:rgba(255,255,255,0.8) 0 1px 0;color:#444;border-top:1px solid rgba(255,255,255,0.2)}
+/**
+ * Background noise recipe
+ * 
+ * This recipe use a sass function to generate a .png file
+ * 
+ * Inspired by a jQuery plugin "Noisy" by Daniel Rapp @DanielRapp
+ * @link https://github.com/DanielRapp/Noisy
+ * 
+ * Converted using Sass by Aaron Russell @aaronrussell & Philipp Bosch @philippbosch
+ * @link https://gist.github.com/1021332
+ * 
+ * Ported to a sass gem by Antti Salonen @antsa
+ * @link https://github.com/antsa/sassy_noise
+ * 
+ * Mixin:        background-noise
+ * Function:     background_noise
+ * 
+ * @author Daniel Rapp @DanielRapp
+ * @author Aaron Russell @aaronrussell
+ * @author Philipp Bosch @philippbosch
+ * @author Antti Salonen @antsa
+ * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
+ */
+/**
+ *
+ * @class Gradients
+ * @author David Kaneda http://www.davidkaneda.com/
+ *
+ */
+/**
+ * Adds a background gradient into a specified selector.
+ * 
+ *     @include background-gradient(#444, 'glossy');
+ * 
+ * You can also use color-stops if you want full control of the gradient:
+ * 
+ *     @include background-gradient(#444, color-stops(#333, #222, #111));
+ * 
+ * @param {color} $bg-color
+ * The base color of the gradient.
+ * 
+ * @param {string/list} $type
+ * The style of the gradient, one of five pre-defined options: matte, bevel, glossy, recessed, or linear:
+ *
+ *     @include background-gradient(red, 'glossy');
+ *
+ * It can also accept a list of color-stop values:;
+ * 
+ *     @include background-gradient(black, color-stops(#333, #111, #000));
+ * 
+ * @param {string} $direction
+ * The direction of the gradient.
+ */
+/**
+ * Blueprint grid background pattern
+ * 
+ * @link http://lea.verou.me/css3patterns/#blueprint-grid
+ *
+ * @author Lea Verou http://lea.verou.me/ for the original pattern
+ * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx for the sass mixin
+ */
+/**
+ * Background overlay inspired by Google Chrome modal overlay
+ * 
+ * @author Maxime Thirouin @MoOx maxime.thirouin@gmail.com
+ */
+/**
+ * Striped background pattern
+ * 
+ * @link http://lea.verou.me/css3patterns/
+ *
+ * @author Lea Verou http://lea.verou.me/ for the original pattern
+ * @author David Kaneda http://www.davidkaneda.com @davidkaneda for the sass mixin
+ */
+/**
+ *
+ * Before compass 0.11.5, you need to add
+ * Compass::BrowserSupport.add_support("repeating-linear-gradient", "webkit", "moz", "o", "ms")
+ * To your configuration (config.rb)
+ * @see https://github.com/chriseppstein/compass/issues/401
+ *
+ * @link http://lea.verou.me/css3patterns/#tartan
+ *
+ * @author Marta Armada http://swwweet.com/ for the original pattern
+ * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx for the sass mixin
+ */
+/**
+ * Carbon Fiber background pattern
+ *
+ * @author Lea Verou http://lea.verou.me/ for the original pattern
+ * @author David Kaneda http://www.davidkaneda.com/ for the Sass mixin
+ *
+ * @link http://lea.verou.me/css3patterns/
+ *
+ */
+/**
+ * Normalize.css
+ * Opposite approche from CSS reset
+ * 
+ * Based on normalize.css commit 9576d48fc234c5224b1fc4dccba2f5965243843d
+ *
+ * @link http://github.com/necolas/normalize.css
+ */
+/* normalize.css 2011-07-12T10:51 UTC · http://github.com/necolas/normalize.css */
+/* =============================================================================
+   HTML5 element display
+   ========================================================================== */
+/* =============================================================================
+   Base
+   ========================================================================== */
+/* =============================================================================
+   Links
+   ========================================================================== */
+/* =============================================================================
+   Typography
+   ========================================================================== */
+/* =============================================================================
+   Lists
+   ========================================================================== */
+/* =============================================================================
+   Embedded content
+   ========================================================================== */
+/* =============================================================================
+   Figures
+   ========================================================================== */
+/* =============================================================================
+   Forms
+   ========================================================================== */
+/* =============================================================================
+   Tables
+   ========================================================================== */
+/**
+ *
+ * @author David Kaneda - http://www.davidkaneda.com
+ *
+ */
+/**
+ * @class Color
+ */
+/**
+ * Returns the brightness (out of 100) of a specified color.
+ * @todo explain why this is useful
+ * @param {color} $color The color you want the brightness value of
+ * @return {measurement}
+ */
+/**
+ * Returns the luminosity for a specified color
+ * @todo explain why this is useful
+ * @param {color} The color to check
+ * @return {measurement}
+ */
+/**
+ * Glass effect
+ * Use this on image for better effect render
+ * 
+ * Inspired from Simurai's IMDB redisign
+ *
+ * @link http://lab.simurai.com/redesign/imdb
+ * @thanks Simurai @simurai
+ */
+/**
+ * Note IE7/6 doesn't understand pseudo element as ::before and ::after
+ * IE8 need to have :before and not ::before
+ * So use only : and not :: if you want to support IE8
+ * IE9 Webkit Firefox Opera understand ::
+ */
+/**
+ * Scotch tape effect with pure CSS
+ * 
+ * @thanks Nick La @nickla for original concept
+ * @link http://webdesignerwall.com/tutorials/css3-image-styles
+ * 
+ * @author David Kaneda http://www.davidkaneda.com
+ *
+ */
+/**
+ * Note IE7/6 doesn't understand pseudo element as ::before and ::after
+ * IE8 need to have :before and not ::before
+ * So use only : and not :: if you want to support IE8
+ * IE9 Webkit Firefox Opera understand ::
+ */
+/**
+ * Corner folded with pure CSS
+ * 
+ * Known support: Firefox 3.5+, Chrome 4+, Safari 4+, Opera 10+, IE 9+.
+ * IE8 is not supported because it not render properly box-shadow and
+ * pseudo element should be selected with ::element and not :element
+ * 
+ * @thanks Nicolas Gallagher @necolas
+ * @link http://nicolasgallagher.com/pure-css-folded-corner-effect/demo/
+ * @todo Nix in .4
+ */
+/**
+ * Note IE7/6 doesn't understand pseudo element as ::before and ::after
+ * IE8 need to have :before and not ::before
+ * So use only : and not :: if you want to support IE8
+ * IE9 Webkit Firefox Opera understand ::
+ */
+/**
+ * Corner folded with pure CSS
+ * 
+ * Known support: Firefox 3.5+, Chrome 4+, Safari 4+, Opera 10+, IE 9+.
+ * IE8 is not supported because it not render properly box-shadow and
+ * pseudo element should be selected with ::element and not :element
+ * 
+ * @thanks Nicolas Gallagher @necolas
+ * @link http://nicolasgallagher.com/pure-css-folded-corner-effect/demo/
+ */
+/**
+ * Note IE7/6 doesn't understand pseudo element as ::before and ::after
+ * IE8 need to have :before and not ::before
+ * So use only : and not :: if you want to support IE8
+ * IE9 Webkit Firefox Opera understand ::
+ */
+/**
+ * Form element inline mixin
+ * This mixin allow you to have a label inline with your input
+ * It's simply based on inline-block behavior
+ *
+ * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
+ */
+/**
+ * Vertical alignement for page
+ * Inspired by http://css-tricks.com/snippets/css/center-div-with-dynamic-height/
+ * 
+ * Usage:
+ * 
+ * SCSS
+ * @include vertical-align-requirement;
+ * .v-align-container { @include vertical-align-container }
+ * .v-align-content-container { @include vertical-align-content-container }
+ * .v-align-content { @include vertical-align-content }
+ * 
+ * HTML
+ * <body>
+ *     <div class="v-align-container">
+ *         <div class="v-align-content-container">
+ *             <div class="v-align-content">
+ *             Your content !
+ *             </div>
+ *         </div> 
+ *     </div>
+ * </body>
+ *
+ * @thanks Chris Coyier @chriscoyier
+ * @autor Maxime Thirouin maxime.thirouin@gmail.com @MoOx
+ */
+/**
+ * Media Queries Mixins
+ * 
+ * @todo Do we have to take care of print ?
+ * 
+ * @require sass-3.2 (you need eventually to do "sudo gem install sass --pre")
+ * @author Maxime Thirouin <maxime.thirouin@gmail.com>
+ */
+/*
+$media-query-width-big: 1280px;
+$media-query-width-medium: 960px;
+$media-query-width-small: 480px;
+*/
+/**
+ * Drop shadow mixins from Nicolas Gallagher demo
+ * 
+ * @thanks Nicolas Gallagher @necolas, @simurai, @cameronmoll, @matthamm
+ * 
+ * @link http://nicolasgallagher.com/css-drop-shadows-without-images/demo/
+ */
+/**
+ * Drop shadow curled
+ *
+ * @thanks Nicolas Gallagher @necolas
+ * @link http://nicolasgallagher.com/css-drop-shadows-without-images/demo/
+ */
+/**
+ * Drop shadow curved
+ *
+ * @thanks Nicolas Gallagher @necolas
+ * @link http://nicolasgallagher.com/css-drop-shadows-without-images/demo/
+ */
+/**
+ * Drop shadow flying
+ *
+ * @thanks Geoffrey Crofte @geoffrey_crofte
+ * @link http://www.creativejuiz.fr/trytotry/css3-box-shadow-after-before/
+ */
+/**
+ * Drop shadow w/ lifted corners
+ *
+ * @thanks Nicolas Gallagher @necolas
+ * @link http://nicolasgallagher.com/css-drop-shadows-without-images/demo/
+ */
+/**
+ * Drop shadow w/ perspective
+ *
+ * @thanks Nicolas Gallagher @necolas
+ * @link http://nicolasgallagher.com/css-drop-shadows-without-images/demo/
+ */
+/**
+ * Drop shadow raised
+ *
+ * @thanks Nicolas Gallagher @necolas
+ * @link http://nicolasgallagher.com/css-drop-shadows-without-images/demo/
+ */
+/**
+ * Drop shadow rules required for transform on drop shadow
+ * 
+ * /!\ This is required if you want to apply some transform on the element using drop shadow
+ *
+ * @thanks Nicolas Gallagher @necolas
+ * @link http://nicolasgallagher.com/css-drop-shadows-without-images/demo/
+ */
+/**
+ * Shadow along the top edge of the browser viewport
+ * 
+ * @link http://playground.genelocklin.com/depth/
+ */
+/**
+* Shapes !
+* Polygons, ellipses and symbols
+* 
+* @thanks Chris Coyier @chriscoyier
+* @link http://css-tricks.com/examples/ShapesOfCSS/
+* @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
+*/
+/**
+ * Shape/Ellipse
+ *
+ * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
+ */
+/**
+ * Shape/Polygon
+ *
+ * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
+ */
+/**
+ * Shape/Polygon/Hexagon
+ *
+ * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
+ */
+/**
+ * Shape/Polygon/Octagon
+ *
+ * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
+ */
+/**
+ * Shape/Polygon/Parallelogram
+ *
+ * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
+ */
+/**
+ * Shape/Polygon/Pentagon
+ *
+ * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
+ */
+/**
+ * Shape/Polygon/Rectangle
+ *
+ * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
+ */
+/**
+ * Shape/Polygon/Rhombus
+ *
+ * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
+ */
+/**
+ * Shape/Polygon/Square
+ *
+ * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
+ */
+/**
+ * Shape/Polygon/Star
+ *
+ * @todo check if setting a z-index by default is a good thing
+ * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
+ */
+/**
+ * Shape/Polygon/Trapezoid
+ *
+ * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
+ */
+/**
+ * Shape/Polygon/Triangle
+ *
+ * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
+ */
+/**
+ * Shape/Symbol
+ *
+ * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
+ */
+/**
+ * Shape/Symbol/Diamond
+ *
+ * @todo add height support
+ * 
+ * @author Alexander Futekov
+ * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
+ */
+/**
+ * Shape/Symbol/Egg
+ *
+ * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
+ */
+/**
+ * Shape/Symbol/Heart
+ * 
+ * @author Nicolas Gallagher @necolas
+ * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
+ */
+/**
+ * Shape/Symbol/Infinity
+ * 
+ * @author Nicolas Gallagher @necolas
+ * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
+ */
+/**
+ * Shape/Symbol/Pacman
+ *
+ * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
+ */
+/**
+ * Shape/Symbol/Yin-yang
+ *
+ * @author Alexander Futekov
+ * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
+ */
+/**
+ * Micro clearfix hack
+ * 
+ * The clearfix hack is a popular way to clear floats without resorting to using presentational markup. This article presents an update to the clearfix method that further reduces the amount of CSS required.
+ * Known support: Firefox 2+, Safari 2+, Chrome, Opera 9.27+, IE 6+, IE Mac.
+ *
+ * @thanks Nicolas Gallagher @necolas
+ * @link http://nicolasgallagher.com/micro-clearfix-hack/
+ */
+/**
+ * Note IE7/6 doesn't understand pseudo element as ::before and ::after
+ * IE8 need to have :before and not ::before
+ * So use only : and not :: if you want to support IE8
+ * IE9 Webkit Firefox Opera understand ::
+ */
+/**
+ * UI convex effect from one color
+ *
+ * @todo merge with ui-button ?
+ *
+ * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
+ */
+/**
+ * UI Glossy helper
+ *
+ * @deprecated
+ * @todo Remove in 0.4
+ * @see background/gradients
+ *
+ * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
+ */
+/**
+ * UI simple gradient from one color
+ *
+ * @todo merge with ui-button ?
+ *
+ * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
+ */
+/**
+ * Shape/Polygon/Triangle
+ *
+ * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
+ */
+/**
+ * Keyboard key touch
+ * A simple stylesheet for rendering beautiful keyboard-style elements.
+
+ * @author Michael Hüneburg http://michaelhue.com/keyscss
+ * @link https://github.com/michaelhue/keyscss (commit 76bb603e921d0145362e0f60eabb79d4f69cbda0)
+ *
+ * @author Maxime Thirouin @MoOx maxime.thirouin@gmail.com
+*/
+/**
+ * Menu dropdown helper
+ *
+ * @author Maxime Thirouin @MoOx maxime.thirouin@gmail.com
+*/
+/**
+ * Ui background overlay inspired by Google Chrome modal overlay
+ * 
+ * @author Maxime Thirouin @MoOx maxime.thirouin@gmail.com
+ */
+/**
+ * Background overlay inspired by Google Chrome modal overlay
+ * 
+ * @author Maxime Thirouin @MoOx maxime.thirouin@gmail.com
+ */
+/**
+ * <hr /> separator style
+ *
+ * @author Chris Coyier @chriscoyier
+ * @link http://jsfiddle.net/chriscoyier/GaEzp/35/
+ *
+ * @author Maxime Thirouin @MoOx maxime.thirouin@gmail.com
+ */
+/**
+ * Micro clearfix hack
+ * 
+ * The clearfix hack is a popular way to clear floats without resorting to using presentational markup. This article presents an update to the clearfix method that further reduces the amount of CSS required.
+ * Known support: Firefox 2+, Safari 2+, Chrome, Opera 9.27+, IE 6+, IE Mac.
+ *
+ * @thanks Nicolas Gallagher @necolas
+ * @link http://nicolasgallagher.com/micro-clearfix-hack/
+ */
+/**
+ * Note IE7/6 doesn't understand pseudo element as ::before and ::after
+ * IE8 need to have :before and not ::before
+ * So use only : and not :: if you want to support IE8
+ * IE9 Webkit Firefox Opera understand ::
+ */
+/**
+ *
+ * @class Gradients
+ * @author David Kaneda http://www.davidkaneda.com/
+ *
+ */
+/**
+ * Adds a background gradient into a specified selector.
+ * 
+ *     @include background-gradient(#444, 'glossy');
+ * 
+ * You can also use color-stops if you want full control of the gradient:
+ * 
+ *     @include background-gradient(#444, color-stops(#333, #222, #111));
+ * 
+ * @param {color} $bg-color
+ * The base color of the gradient.
+ * 
+ * @param {string/list} $type
+ * The style of the gradient, one of five pre-defined options: matte, bevel, glossy, recessed, or linear:
+ *
+ *     @include background-gradient(red, 'glossy');
+ *
+ * It can also accept a list of color-stop values:;
+ * 
+ *     @include background-gradient(black, color-stops(#333, #111, #000));
+ * 
+ * @param {string} $direction
+ * The direction of the gradient.
+ */
+/**
+ * @class Webfont Icon
+ * Great to use with the [Pictos font](http://pictos.drewwilson.com/)
+ * 
+ */
+/**
+ * @cfg {color} $webfont-icon-base-color
+ * The default color of icons when using the {@link #webfont-icon} mixin.
+ * 
+ * Defaults to `white`.
+ */
+/**
+ * @cfg {color} $webfont-icon-default-stroke
+ * The default color to use on the border of icons, when using the {@link #webfont-icon} mixin.
+ * 
+ * Defaults to `null`.
+ */
+/**
+ * @cfg {string} $webfont-icon-default-gradient
+ * The default gradient to use when using the {@link #webfont-icon} mixin.
+ * 
+ * Defaults to `matte`.
+ */
+/* line 41, ../compass-recipes/stylesheets/recipes/_webfont-icon.scss */
+.webfont-icon-base {
+  color: transparent;
+  -webkit-background-clip: text;
+  background-clip: text;
+  position: absolute;
+  top: 0;
+  left: 0;
+  text-indent: 0;
+  text-shadow: none;
+  -webkit-user-select: none;
+  user-select: none;
+}
+
+/**
+ * Includes a character into the specified selector, styled as an icon.
+ * 
+ *     @include webfont-icon('a');
+ * 
+ * @param {color} $color
+ * The color of the icon. Defaults to {@link #$webfont-icon-default-background $webfont-icon-default-background}.
+ * 
+ * @param {measurement} $size
+ * The size of the icon
+ * 
+ * @param {color} $stroke
+ * The color of the border. Defautls to {@link #$webfont-icon-default-border $webfont-icon-default-border}.
+ * 
+ * @param {boolean} $include-staes
+ * True to include states for hover and active. Defaults to `true`.
+ */
+/* line 1, ../scss/include/_base.scss */
+* {
+  margin: 0;
+  padding: 0;
+}
+
+/* line 6, ../scss/include/_base.scss */
+body {
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  -webkit-touch-callout: none;
+}
+
+/* line 11, ../scss/include/_base.scss */
+#jqt {
+  -webkit-text-size-adjust: none;
+  -webkit-user-select: none;
+  user-select: none;
+  font-family: "Helvetica Neue", Helvetica;
+  position: absolute;
+  right: 0;
+  top: 0;
+  left: 0;
+  bottom: 0;
+}
+/* line 21, ../scss/include/_base.scss */
+#jqt a {
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  -webkit-user-drag: none;
+}
+/* line 26, ../scss/include/_base.scss */
+#jqt .selectable, #jqt input, #jqt textarea {
+  -webkit-user-select: auto;
+}
+/* line 30, ../scss/include/_base.scss */
+#jqt.notransform {
+  -webkit-transform: none !important;
+}
+/* line 35, ../scss/include/_base.scss */
+#jqt > * {
+  display: block;
+  left: 0;
+  top: 0;
+  min-height: 100%;
+  width: 100%;
+  overflow-x: hidden;
+  position: absolute;
+  z-index: 0;
+  display: -webkit-box;
+  display: box;
+  -webkit-box-orient: vertical;
+  box-orient: vertical;
+  -webkit-box-flex: 1;
+  box-flex: 1;
+}
+/* line 49, ../scss/include/_base.scss */
+#jqt > .current {
+  z-index: 10;
+}
+/* line 53, ../scss/include/_base.scss */
+#jqt > :not(.current) {
+  display: none;
+}
+/* line 57, ../scss/include/_base.scss */
+#jqt.touchscroll:not(.animating3d) {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+/* line 61, ../scss/include/_base.scss */
+#jqt.touchscroll:not(.animating3d) > * {
+  height: 100%;
+}
+/* line 64, ../scss/include/_base.scss */
+#jqt.touchscroll:not(.animating3d) .scroll {
+  position: relative;
+  -webkit-box-flex: 1;
+  box-flex: 1;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+/* line 72, ../scss/include/_base.scss */
+#jqt .scroll {
+  -webkit-margin-collapse: separate;
+}
+/* line 76, ../scss/include/_base.scss */
+#jqt .in, #jqt .out {
+  -webkit-animation-duration: 250ms;
+  -webkit-animation-fill-mode: both;
+  -webkit-animation-timing-function: ease-in-out;
+}
+/* line 82, ../scss/include/_base.scss */
+#jqt .in {
+  z-index: 10;
+}
+/* line 85, ../scss/include/_base.scss */
+#jqt .in:after {
+  content: "";
+  position: absolute;
+  display: block;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+}
+/* line 94, ../scss/include/_base.scss */
+#jqt .out {
+  z-index: 0 !important;
+}
+/* line 98, ../scss/include/_base.scss */
+#jqt.supports3d {
+  -webkit-perspective: 1000;
+}
+/* line 101, ../scss/include/_base.scss */
+#jqt.supports3d > * {
+  -webkit-transform: translate3d(0, 0, 0) rotate(0) scale(1);
+}
+
+/* Fade */
+/* line 3, ../scss/include/_animations.scss */
+#jqt .fade.in {
+  -webkit-animation-name: fadeIn;
+}
+
+/* line 7, ../scss/include/_animations.scss */
+#jqt .fade.out {
+  z-index: 10;
+  -webkit-animation-name: fadeOut;
+}
+
+@-webkit-keyframes fadeIn {
+  /* line 13, ../scss/include/_animations.scss */
+  0% {
+    opacity: 0;
+  }
+
+  /* line 16, ../scss/include/_animations.scss */
+  100% {
+    opacity: 1;
+  }
+}
+
+@-webkit-keyframes fadeOut {
+  /* line 22, ../scss/include/_animations.scss */
+  0% {
+    opacity: 1;
+  }
+
+  /* line 25, ../scss/include/_animations.scss */
+  100% {
+    opacity: 1;
+  }
+}
+
+/* Disolve */
+/* line 34, ../scss/include/_animations.scss */
+#jqt .dissolve.in {
+  -webkit-animation-name: dissolveIn;
+}
+
+/* line 38, ../scss/include/_animations.scss */
+#jqt .dissolve.out {
+  -webkit-animation-name: dissolveOut;
+}
+
+@-webkit-keyframes dissolveIn {
+  /* line 43, ../scss/include/_animations.scss */
+  0% {
+    opacity: 0;
+  }
+
+  /* line 46, ../scss/include/_animations.scss */
+  100% {
+    opacity: 1;
+  }
+}
+
+@-webkit-keyframes dissolveOut {
+  /* line 52, ../scss/include/_animations.scss */
+  0% {
+    opacity: 1;
+  }
+
+  /* line 55, ../scss/include/_animations.scss */
+  100% {
+    opacity: 0;
+  }
+}
+
+/* #Popin' */
+/* line 64, ../scss/include/_animations.scss */
+#jqt .pop.in {
+  -webkit-animation-name: popIn;
+}
+
+/* line 68, ../scss/include/_animations.scss */
+#jqt .pop.out {
+  -webkit-animation-name: popOut;
+}
+
+@-webkit-keyframes popIn {
+  /* line 73, ../scss/include/_animations.scss */
+  0% {
+    -webkit-transform: scale(0.2);
+    opacity: 0;
+  }
+
+  /* line 77, ../scss/include/_animations.scss */
+  100% {
+    -webkit-transform: scale(1);
+    opacity: 1;
+  }
+}
+
+@-webkit-keyframes popOut {
+  /* line 84, ../scss/include/_animations.scss */
+  0% {
+    -webkit-transform: scale(1);
+    opacity: 1;
+  }
+
+  /* line 88, ../scss/include/_animations.scss */
+  100% {
+    -webkit-transform: scale(0.2);
+    opacity: 0;
+  }
+}
+
+/* Slide Left */
+/* line 98, ../scss/include/_animations.scss */
+#jqt .slideleft.in {
+  -webkit-animation-name: slideLeftIn;
+}
+
+/* line 102, ../scss/include/_animations.scss */
+#jqt .slideleft.out {
+  -webkit-animation-name: slideLeftOut;
+}
+
+@-webkit-keyframes slideLeftIn {
+  /* line 107, ../scss/include/_animations.scss */
+  0% {
+    -webkit-transform: translateX(100%);
+  }
+
+  /* line 110, ../scss/include/_animations.scss */
+  100% {
+    -webkit-transform: translateX(0);
+  }
+}
+
+@-webkit-keyframes slideLeftOut {
+  /* line 116, ../scss/include/_animations.scss */
+  0% {
+    -webkit-transform: translateX(0px);
+  }
+
+  /* line 119, ../scss/include/_animations.scss */
+  100% {
+    -webkit-transform: translateX(-100%);
+  }
+}
+
+/* Slide Right */
+/* line 128, ../scss/include/_animations.scss */
+#jqt .slideright.in {
+  -webkit-animation-name: slideRightIn;
+}
+
+/* line 132, ../scss/include/_animations.scss */
+#jqt .slideright.out {
+  -webkit-animation-name: slideRightOut;
+}
+
+@-webkit-keyframes slideRightIn {
+  /* line 137, ../scss/include/_animations.scss */
+  0% {
+    -webkit-transform: translateX(-100%);
+  }
+
+  /* line 140, ../scss/include/_animations.scss */
+  100% {
+    -webkit-transform: translateX(0);
+  }
+}
+
+@-webkit-keyframes slideRightOut {
+  /* line 146, ../scss/include/_animations.scss */
+  0% {
+    -webkit-transform: translateX(0);
+  }
+
+  /* line 149, ../scss/include/_animations.scss */
+  100% {
+    -webkit-transform: translateX(100%);
+  }
+}
+
+/* Slide Up */
+/* line 158, ../scss/include/_animations.scss */
+#jqt .slideup.in {
+  z-index: 10;
+  -webkit-animation-name: slideUpIn;
+}
+
+/* line 162, ../scss/include/_animations.scss */
+#jqt .slideup.out {
+  z-index: 0;
+  -webkit-animation-name: slideUpOut;
+}
+
+@-webkit-keyframes slideUpIn {
+  /* line 168, ../scss/include/_animations.scss */
+  0% {
+    -webkit-transform: translateY(100%);
+  }
+
+  /* line 171, ../scss/include/_animations.scss */
+  100% {
+    -webkit-transform: translateY(0);
+  }
+}
+
+@-webkit-keyframes slideUpOut {
+  /* line 177, ../scss/include/_animations.scss */
+  0% {
+    -webkit-transform: translateY(0);
+  }
+
+  /* line 180, ../scss/include/_animations.scss */
+  100% {
+    -webkit-transform: translateY(0);
+  }
+}
+
+/* Slide Down */
+/* line 189, ../scss/include/_animations.scss */
+#jqt .slidedown.in {
+  z-index: 0;
+  -webkit-animation-name: slideDownIn;
+}
+
+/* line 193, ../scss/include/_animations.scss */
+#jqt .slidedown.out {
+  z-index: 10;
+  -webkit-animation-name: slideDownOut;
+}
+
+@-webkit-keyframes slideDownIn {
+  /* line 199, ../scss/include/_animations.scss */
+  0% {
+    -webkit-transform: translateY(0);
+  }
+
+  /* line 202, ../scss/include/_animations.scss */
+  100% {
+    -webkit-transform: translateY(0);
+  }
+}
+
+@-webkit-keyframes slideDownOut {
+  /* line 208, ../scss/include/_animations.scss */
+  0% {
+    -webkit-transform: translateY(0);
+  }
+
+  /* line 211, ../scss/include/_animations.scss */
+  100% {
+    -webkit-transform: translateY(100%);
+  }
+}
+
+/* Flip Left */
+/* line 220, ../scss/include/_animations.scss */
+#jqt .flipleft {
+  -webkit-backface-visibility: hidden;
+}
+
+/* line 224, ../scss/include/_animations.scss */
+#jqt .flipleft.in {
+  -webkit-animation-name: flipLeftIn;
+}
+
+/* line 228, ../scss/include/_animations.scss */
+#jqt .flipleft.out {
+  -webkit-animation-name: flipLeftOut;
+}
+
+@-webkit-keyframes flipLeftIn {
+  /* line 233, ../scss/include/_animations.scss */
+  0% {
+    -webkit-transform: rotateY(180deg) scale(0.8);
+  }
+
+  /* line 236, ../scss/include/_animations.scss */
+  100% {
+    -webkit-transform: rotateY(0deg) scale(1);
+  }
+}
+
+@-webkit-keyframes flipLeftOut {
+  /* line 242, ../scss/include/_animations.scss */
+  0% {
+    -webkit-transform: rotateY(0deg) scale(1);
+  }
+
+  /* line 245, ../scss/include/_animations.scss */
+  100% {
+    -webkit-transform: rotateY(-180deg) scale(0.8);
+  }
+}
+
+/* Flip Right */
+/* line 254, ../scss/include/_animations.scss */
+#jqt .flipright {
+  -webkit-backface-visibility: hidden;
+}
+
+/* line 258, ../scss/include/_animations.scss */
+#jqt .flipright.in {
+  -webkit-animation-name: flipRightIn;
+}
+
+/* line 262, ../scss/include/_animations.scss */
+#jqt .flipright.out {
+  -webkit-animation-name: flipRightOut;
+}
+
+@-webkit-keyframes flipRightIn {
+  /* line 267, ../scss/include/_animations.scss */
+  0% {
+    -webkit-transform: rotateY(-180deg) scale(0.8);
+  }
+
+  /* line 270, ../scss/include/_animations.scss */
+  100% {
+    -webkit-transform: rotateY(0deg) scale(1);
+  }
+}
+
+@-webkit-keyframes flipRightOut {
+  /* line 276, ../scss/include/_animations.scss */
+  0% {
+    -webkit-transform: rotateY(0deg) scale(1);
+  }
+
+  /* line 279, ../scss/include/_animations.scss */
+  100% {
+    -webkit-transform: rotateY(180deg) scale(0.8);
+  }
+}
+
+/* Swap Right */
+/* line 288, ../scss/include/_animations.scss */
+#jqt .swapright {
+  -webkit-animation-duration: .7s;
+  -webkit-transform: perspective(800);
+  -webkit-animation-timing-function: ease-out;
+}
+
+/* line 293, ../scss/include/_animations.scss */
+#jqt .swapright.in {
+  -webkit-animation-name: swapRightIn;
+}
+
+/* line 296, ../scss/include/_animations.scss */
+#jqt .swapright.out {
+  -webkit-animation-name: swapRightOut;
+}
+
+@-webkit-keyframes swapRightIn {
+  /* line 301, ../scss/include/_animations.scss */
+  0% {
+    -webkit-transform: translate3d(0px, 0px, -800px) rotateY(70deg);
+    opacity: 0;
+  }
+
+  /* line 305, ../scss/include/_animations.scss */
+  35% {
+    -webkit-transform: translate3d(-180px, 0px, -400px) rotateY(20deg);
+    opacity: 1;
+  }
+
+  /* line 309, ../scss/include/_animations.scss */
+  100% {
+    -webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg);
+    opacity: 1;
+  }
+}
+
+@-webkit-keyframes swapRightOut {
+  /* line 316, ../scss/include/_animations.scss */
+  0% {
+    -webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg);
+    opacity: 1;
+  }
+
+  /* line 320, ../scss/include/_animations.scss */
+  35% {
+    -webkit-transform: translate3d(180px, 0px, -400px) rotateY(-20deg);
+    opacity: .5;
+  }
+
+  /* line 324, ../scss/include/_animations.scss */
+  100% {
+    -webkit-transform: translate3d(0px, 0px, -800px) rotateY(-70deg);
+    opacity: 0;
+  }
+}
+
+/* Swap Left */
+/* line 332, ../scss/include/_animations.scss */
+#jqt .swapleft {
+  -webkit-animation-duration: .7s;
+  -webkit-transform: perspective(800);
+  -webkit-animation-timing-function: ease-out;
+}
+
+/* line 337, ../scss/include/_animations.scss */
+#jqt .swapleft.in {
+  -webkit-animation-name: swapLeftIn;
+}
+
+/* line 340, ../scss/include/_animations.scss */
+#jqt .swapleft.out {
+  -webkit-animation-name: swapLeftOut;
+}
+
+@-webkit-keyframes swapLeftIn {
+  /* line 345, ../scss/include/_animations.scss */
+  0% {
+    -webkit-transform: translate3d(0px, 0px, -800px) rotateY(-70deg);
+    opacity: 0;
+  }
+
+  /* line 349, ../scss/include/_animations.scss */
+  35% {
+    -webkit-transform: translate3d(180px, 0px, -400px) rotateY(-20deg);
+    opacity: 1;
+  }
+
+  /* line 353, ../scss/include/_animations.scss */
+  100% {
+    opacity: 1;
+    -webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg);
+  }
+}
+
+@-webkit-keyframes swapLeftOut {
+  /* line 360, ../scss/include/_animations.scss */
+  0% {
+    -webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg);
+    opacity: 1;
+  }
+
+  /* line 364, ../scss/include/_animations.scss */
+  35% {
+    -webkit-transform: translate3d(-180px, 0px, -400px) rotateY(20deg);
+    opacity: .5;
+  }
+
+  /* line 368, ../scss/include/_animations.scss */
+  100% {
+    -webkit-transform: translate3d(0px, 0px, -800px) rotateY(70deg);
+    opacity: 0;
+  }
+}
+
+/* Cube Left */
+/* line 382, ../scss/include/_animations.scss */
+#jqt .cubeleft.in, #jqt .cubeleft.out, #jqt .cuberight.in, #jqt .cuberight.out {
+  -webkit-animation-duration: .6s;
+  -webkit-transform: perspective(800);
+}
+
+/* line 389, ../scss/include/_animations.scss */
+#jqt .cubeleft.in {
+  -webkit-transform-origin: 0% 50%;
+  -webkit-animation-name: cubeLeftIn;
+}
+
+/* line 394, ../scss/include/_animations.scss */
+#jqt .cubeleft.out {
+  -webkit-transform-origin: 100% 50%;
+  -webkit-animation-name: cubeLeftOut;
+}
+
+@-webkit-keyframes cubeLeftIn {
+  /* line 400, ../scss/include/_animations.scss */
+  0% {
+    -webkit-transform: rotateY(90deg) translateZ(320px);
+    opacity: .5;
+  }
+
+  /* line 404, ../scss/include/_animations.scss */
+  100% {
+    -webkit-transform: rotateY(0deg) translateZ(0) translateX(0);
+    opacity: 1;
+  }
+}
+
+@-webkit-keyframes cubeLeftOut {
+  /* line 411, ../scss/include/_animations.scss */
+  0% {
+    -webkit-transform: rotateY(0deg) translateZ(0) translateX(0);
+    opacity: 1;
+  }
+
+  /* line 415, ../scss/include/_animations.scss */
+  100% {
+    -webkit-transform: rotateY(-90deg) translateZ(320px);
+    opacity: .5;
+  }
+}
+
+/* Cube Right */
+/* line 423, ../scss/include/_animations.scss */
+#jqt .cuberight.in {
+  -webkit-transform-origin: 100% 50%;
+  -webkit-animation-name: cubeRightIn;
+}
+
+/* line 428, ../scss/include/_animations.scss */
+#jqt .cuberight.out {
+  -webkit-transform-origin: 0% 50%;
+  -webkit-animation-name: cubeRightOut;
+}
+
+@-webkit-keyframes cubeRightIn {
+  /* line 434, ../scss/include/_animations.scss */
+  0% {
+    -webkit-transform: rotateY(-90deg) translateZ(320px);
+    opacity: .5;
+  }
+
+  /* line 438, ../scss/include/_animations.scss */
+  100% {
+    -webkit-transform: rotateY(0deg) translateZ(0) translateX(0);
+    opacity: 1;
+  }
+}
+
+@-webkit-keyframes cubeRightOut {
+  /* line 445, ../scss/include/_animations.scss */
+  0% {
+    -webkit-transform: rotateY(0deg) translateZ(0) translateX(0);
+    opacity: 1;
+  }
+
+  /* line 449, ../scss/include/_animations.scss */
+  100% {
+    -webkit-transform: rotateY(90deg) translateZ(320px);
+    opacity: .5;
+  }
+}
+
+/* line 12, ../scss/jqtouch.scss */
+#jqt {
+  /* Lists */
+}
+/* line 13, ../scss/jqtouch.scss */
+#jqt > * {
+  background-image: url('data:image/png;base64,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'), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7b7c7f), color-stop(30%, #696a6d), color-stop(65%, #555658), color-stop(100%, #464748));
+  background-image: url('data:image/png;base64,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'), -webkit-linear-gradient(top, #7b7c7f, #696a6d 30%, #555658 65%, #464748);
+  background-image: url('data:image/png;base64,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'), linear-gradient(top, #7b7c7f, #696a6d 30%, #555658 65%, #464748);
+}
+/* line 20, ../scss/jqtouch.scss */
+#jqt .toolbar {
+  background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 12.5, color-stop(12.5%, #181819), color-stop(12.5%, rgba(11, 11, 12, 0))), -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 12.5, color-stop(12.5%, #181819), color-stop(12.5%, rgba(11, 11, 12, 0))), -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 12.5, color-stop(12.5%, rgba(255, 255, 255, 0.1)), color-stop(12.5%, rgba(255, 255, 255, 0))), -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 12.5, color-stop(12.5%, rgba(255, 255, 255, 0.1)), color-stop(12.5%, rgba(255, 255, 255, 0)));
+  background-image: -webkit-radial-gradient(#181819 12.5%, rgba(11, 11, 12, 0) 12.5%), -webkit-radial-gradient(#181819 12.5%, rgba(11, 11, 12, 0) 12.5%), -webkit-radial-gradient(rgba(255, 255, 255, 0.1) 12.5%, rgba(255, 255, 255, 0) 12.5%), -webkit-radial-gradient(rgba(255, 255, 255, 0.1) 12.5%, rgba(255, 255, 255, 0) 12.5%);
+  background-image: radial-gradient(#181819 12.5%, rgba(11, 11, 12, 0) 12.5%), radial-gradient(#181819 12.5%, rgba(11, 11, 12, 0) 12.5%), radial-gradient(rgba(255, 255, 255, 0.1) 12.5%, rgba(255, 255, 255, 0) 12.5%), radial-gradient(rgba(255, 255, 255, 0.1) 12.5%, rgba(255, 255, 255, 0) 12.5%);
+  background-repeat: repeat;
+  background-position: 0 0, 8px 8px, 0 1px, 8px 9px;
+  background-color: #2f3031;
+  background-size: 16px 16px;
+}
+/* line 29, ../scss/jqtouch.scss */
+#jqt ul li {
+  border-top: 1px solid #48494b;
+  background-image: none;
+  background-color: rgba(85, 86, 88, 0.2);
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(123, 124, 127, 0.2)), color-stop(3%, rgba(98, 99, 101, 0.2)), color-stop(100%, rgba(72, 73, 75, 0.2)));
+  background-image: -webkit-linear-gradient(top, rgba(123, 124, 127, 0.2), rgba(98, 99, 101, 0.2) 3%, rgba(72, 73, 75, 0.2));
+  background-image: linear-gradient(top, rgba(123, 124, 127, 0.2), rgba(98, 99, 101, 0.2) 3%, rgba(72, 73, 75, 0.2));
+}
+/* line 33, ../scss/jqtouch.scss */
+#jqt ul li a {
+  color: white;
+  text-shadow: #3c3d3e 0 -1px 0;
+}
+/* line 37, ../scss/jqtouch.scss */
+#jqt ul li .toggle input[type="checkbox"] {
+  -webkit-border-radius: 5px;
+  border-radius: 5px;
+  background: white url(../img/jqt/on_off.png) 0 0 no-repeat;
+}
+/* line 42, ../scss/jqtouch.scss */
+#jqt ul li input[type='submit'] {
+  background-image: none;
+  background-color: white;
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, #ffffff), color-stop(51%, #ffffff), color-stop(100%, #f2f2f2));
+  background-image: -webkit-linear-gradient(top, #ffffff, #ffffff 50%, #ffffff 51%, #f2f2f2);
+  background-image: linear-gradient(top, #ffffff, #ffffff 50%, #ffffff 51%, #f2f2f2);
+  border: 1px outset black;
+}
+/* line 47, ../scss/jqtouch.scss */
+#jqt ul li small.counter {
+  -webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0;
+  box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0;
+}
+/* line 54, ../scss/jqtouch.scss */
+#jqt ul.metal li {
+  background-image: none;
+  border-top: 1px solid #fff;
+  border-bottom: 1px solid #666;
+  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#9c9ea0));
+}
+/* line 60, ../scss/jqtouch.scss */
+#jqt ul.metal li a {
+  text-shadow: #fff 0 1px 0;
+}
+/* line 62, ../scss/jqtouch.scss */
+#jqt ul.metal li a.active {
+  color: #000;
+}
+/* line 65, ../scss/jqtouch.scss */
+#jqt ul.metal li em {
+  color: #444;
+}
+/* line 71, ../scss/jqtouch.scss */
+#jqt ul.edgetoedge li {
+  background-image: none;
+  background-color: #3c3d3e;
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #282829), color-stop(100%, #2f3031));
+  background-image: -webkit-linear-gradient(top, #282829, #2f3031);
+  background-image: linear-gradient(top, #282829, #2f3031);
+  border-bottom: 1px solid #1e1e1f;
+  border-top: 1px solid #343536;
+}
+/* line 76, ../scss/jqtouch.scss */
+#jqt ul.edgetoedge li.sep {
+  background-image: none;
+  background-color: rgba(0, 0, 0, 0.3);
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(38, 38, 38, 0.3)), color-stop(30%, rgba(20, 20, 20, 0.3)), color-stop(65%, rgba(0, 0, 0, 0.3)), color-stop(100%, rgba(0, 0, 0, 0.3)));
+  background-image: -webkit-linear-gradient(top, rgba(38, 38, 38, 0.3), rgba(20, 20, 20, 0.3) 30%, rgba(0, 0, 0, 0.3) 65%, rgba(0, 0, 0, 0.3));
+  background-image: linear-gradient(top, rgba(38, 38, 38, 0.3), rgba(20, 20, 20, 0.3) 30%, rgba(0, 0, 0, 0.3) 65%, rgba(0, 0, 0, 0.3));
+  color: #949698;
+  text-shadow: black 0 -1px 0;
+}
+/* line 83, ../scss/jqtouch.scss */
+#jqt .info {
+  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cccccc), to(#aaaaaa), color-stop(0.6, #cccccc));
+  text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
+  color: #444;
+  border-top: 1px solid rgba(255, 255, 255, 0.2);
+}
diff --git a/themes/scss/include/_core.scss b/themes/scss/include/_core.scss
index 80abada6..15db2269 100644
--- a/themes/scss/include/_core.scss
+++ b/themes/scss/include/_core.scss
@@ -33,4 +33,4 @@ $include-3d-animations: true !default;
 @import 'recipes';
 @import 'include/base';
 @import 'include/animations';
-@import 'include/skeleton';
\ No newline at end of file
+// @import 'include/skeleton';
\ No newline at end of file
diff --git a/themes/scss/include/_skeleton.scss b/themes/scss/include/_skeleton.scss
index 1a1d0403..e69de29b 100644
--- a/themes/scss/include/_skeleton.scss
+++ b/themes/scss/include/_skeleton.scss
@@ -1,591 +0,0 @@
-// Typography and layout sizing/measurements
-
-$default-border-radius: 8px;
-
-body {
-    background: rgb(0,0,0);
-}
-
-.base-chevron {
-    content: '›';
-    width: 22px;
-    height: 100%;
-    vertical-align: middle;
-    font-size: 30px;
-    line-height: 38px;
-    font-family: Futura, "Futura Condensed", Helvetica, Arial, sans-serif;
-    font-weight: bold;
-    @include opacity(.6);
-    position: absolute;
-    right: 0;
-    top: 0;
-    pointer-events: none;
-    z-index: 10;
-}
-
-.base-flatlists {
-    margin: 0;
-    padding: 0;
-    border-width: 0 0 0 1px;
-    @include border-radius(0);
-}
-
-#jqt {
-
-    h1, h2 {
-        font: bold 18px $base-font-family;
-        margin: 10px 20px 6px;
-        @include color-by-background($page-background-color, 40);
-    }
-
-    .toolbar {
-        @include box-sizing(border-box);
-        @include box-shadow(rgba(#000, .4) 0 1px 6px);
-        border-bottom: 1px solid darken($base-color, 35%);
-
-        z-index: 10;
-
-        position: relative;
-        padding: 10px;
-        height: 44px;
-
-        & > h1 {
-            position: absolute;
-            overflow: hidden;
-            left: 50%;
-            bottom: 9px;
-            margin: 1px 0 0 -75px;
-            width: 150px;
-
-            font-size: 20px;
-            font-weight: bold;
-            line-height: 1.3em;
-
-            text-align: center;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-
-            @include color-by-background($toolbar-background-color);
-        }
-    }
-    &.black-translucent .toolbar {
-        padding-top: 30px;
-        height: 64px;
-    }
-    &.landscape .toolbar > h1 {
-        margin-left: -125px;
-        width: 250px;
-    }
-
-    .button, .back, .cancel, .add {
-        position: absolute;
-        overflow: hidden;
-        width: auto;
-        height: 30px;
-
-        font-family: inherit;
-        font-size: 12px;
-        font-weight: bold;
-        line-height: 30px;
-        text-overflow: ellipsis;
-        text-decoration: none;
-        white-space: nowrap;
-        background: none;
-
-        bottom: 6px;
-        right: 10px;
-        margin: 0;
-        padding: 0 10px;
-
-        @include color-by-background($toolbar-button-color);
-        @include box-shadow(rgba(#fff, .2) 0 1px 0, rgba(#000, .2) 0 1px 2px inset);
-        border: 1px solid darken($toolbar-button-color, 20);
-        @include border-radius(5px);
-
-        @include background-gradient($toolbar-button-color, $base-button-gradient);
-
-        &.active {
-            border-color: darken($toolbar-button-active-color, 20);
-            @include background-gradient($toolbar-button-active-color, $base-button-gradient);
-            @include color-by-background($toolbar-button-active-color);
-        }
-    }
-
-    .back {
-        max-width: 60px;
-        margin-left: 15px;
-        overflow: visible;
-        padding-left: 5px;
-
-        // THE HOLY GRAIL (ish)
-        &:after, &:before {
-            content:'';
-            position: absolute;
-            width: 20px;
-            height: 20px;
-            top: 1px;
-            left: 1px;
-            
-            // The .2px gets rid of a blurry artifact from
-            // combining the mask and rotate properties.
-            @include transform(rotate(45deg) translate3d(.2px,0,0)); // Just be glad you didn't have to find it.
-            @include transform-origin(0,0);
-            @include background-gradient($toolbar-button-color, $base-button-gradient, top left);
-            
-            background-size: 100% 98%;
-            @include border-radius(0 0 0 2px);
-
-            // New gradient syntax
-            -webkit-mask-image: -webkit-linear-gradient(45deg, rgba(0,0,0,1), rgba(0,0,0,1) 15px, rgba(0,0,0,0) 15px);
-
-            // Old gradient syntax
-            @if $support-for-original-webkit-gradients {
-                -webkit-mask-image: -webkit-gradient(linear, left bottom, right top, from(rgba(0,0,0,1)), color-stop(50%, black), color-stop(50%, rgba(0,0,0,0)), to(rgba(0,0,0,0)));
-            }
-
-            -webkit-mask-clip: border-box;
-            -webkit-background-clip: content-box;
-        }
-        &:after {
-            @include box-shadow(rgba(#000, .2) 1px 0 0 inset, rgba(#000, .2) 0 -1px 0 inset);
-        }
-        &:before {
-            margin-left: -1px;
-            background: darken($toolbar-button-active-color, 20) none;
-        }
-        &.active {
-            &:after {
-                @include background-gradient($toolbar-button-active-color, $base-button-gradient, left top);
-            }
-            &:before {
-                background-color: darken($toolbar-button-active-color, 20);
-            }
-        }
-    }
-
-    .blueButton {
-        @include background-image(#2F7CE3, $base-button-gradient);
-        @include color-by-background(#2F7CE3);
-    }
-    .whiteButton, .grayButton, .redButton, .blueButton, .greenButton {
-        display: block;
-        font-size: 20px;
-        font-weight: bold;
-        margin: 10px 20px;
-        padding: 10px;
-        text-align: center;
-        text-decoration: inherit;
-        @include border-radius;
-        @include box-shadow(
-            rgba(#000, .4) 0 1px 3px,
-            rgba(#000, .4) 0 0 0 5px,
-            rgba(#fff, .3) 0 1px 0 5px
-        );
-
-        &.active, &:active {
-            $active-color: darken($highlight-color, 10);
-            @include background-gradient($active-color, $base-button-gradient);
-            @include color-by-background($active-color);
-        }
-    }
-    .whiteButton {
-        @include background-gradient(#eee, $base-button-gradient);
-        @include color-by-background(#eee);
-    }
-    .grayButton {
-        @include background-gradient(#444, $base-button-gradient);
-        @include color-by-background(#444);
-    }
-
-    .redButton {
-        @include background-gradient(#D83B38, $base-button-gradient);
-        @include color-by-background(#D83B38);
-
-        &.active, &:active {
-            $active-color: darken(#D83B38, 8);
-            @include background-gradient($active-color, $base-button-gradient);
-            @include color-by-background($active-color);
-        }
-    }
-
-    .greenButton {
-        @include background-gradient($highlight-color, $base-button-gradient);        
-        @include color-by-background($highlight-color);
-    }
-
-    .leftButton, .cancel, .back {
-        left: 6px;
-        right: auto;
-    }
-
-    .add {
-        font-size: 24px;
-        line-height: 24px;
-        font-weight: bold;
-    }
-
-    // Lists
-
-    ul {
-
-        &, &.individual li {
-            background-color: $list-background-color;
-            @include color-by-background($list-background-color, 50);
-            border: 1px solid darken($list-background-color, 15%);
-            font: bold 18px $base-font-family;
-        }
-        
-        padding: 0;
-        margin: 5px 10px 10px 10px;
-        &:first-child {
-            margin-top: 15px;
-        }
-
-        -webkit-margin-collapse: separate;
-
-        li {
-            border-top: 1px solid darken($list-background-color, 5);
-            list-style-type: none;
-            overflow: hidden;
-            padding: 10px;
-            -webkit-transform: translate3d(0,0,0); /* expensive way to avoid flickr */
-
-            a {
-                text-decoration: none;
-                text-overflow: ellipsis;
-                white-space: nowrap;
-                overflow: hidden;
-                display: block;
-                padding: 10px;
-                margin: -10px;
-                -webkit-tap-highlight-color: rgba(0,0,0,0);
-                -webkit-transform: translateZ(0);
-                @include color-by-background($list-background-color);
-
-                &.active, &.selected {
-                    @include background-gradient($highlight-color);
-                    @include box-shadow(lighten($highlight-color, 4) 0 1px 0px inset);
-                    @include color-by-background($highlight-color);
-
-                    small {
-                        &.counter {
-                            background-color: darken($highlight-color, 15);
-                        }
-                        
-                        @include color-by-background(darken($highlight-color, 30), 60);
-                    }
-                }
-            }
-
-            small {
-                color: $highlight-color;
-                font: 16px $base-font-family;
-                text-align: right;
-                text-overflow: ellipsis;
-                white-space: nowrap;
-                overflow: hidden;
-                display: block;
-                width: 23%;
-                position: relative;
-                z-index: 20;
-                float: right;
-                line-height: 16px;
-                padding: 2px 8px 4px 8px;
-
-                &.counter {
-                    background: darken($list-background-color, 15);
-
-                    @include color-by-background(darken($list-background-color, 20), 45);
-                    z-index: 10;
-                    font-size: 16px;
-                    // line-height: 16px;
-                    font-weight: bold;
-                    @include border-radius(3px);
-                    display: block;
-                    width: auto;
-                }
-            }
-
-            @if $include-forms {
-
-                ::-webkit-input-placeholder {
-                    @include color-by-background($page-background-color, 25%);
-                }
-
-                input[type="text"],
-                input[type="password"],
-                input[type="tel"],
-                input[type="number"],
-                input[type="search"],
-                input[type="email"],
-                input[type="url"],
-                textarea, select {
-                    @include color-by-background($page-background-color);
-                    background: transparent url('data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==');
-                    border: 0;
-                    font: normal 17px $base-font-family;
-                    padding: 0;
-                    display: inline-block;
-                    margin-left: 0px;
-                    width: 100%;
-                    -webkit-appearance: textarea;
-                }
-                textarea {
-                    height: 120px;
-                    padding: 0;
-                    text-indent: -2px;
-                }
-                input[type="checkbox"], input[type="radio"] {
-                    margin: 0;
-                    padding: 10px;
-
-                    &:after {
-                        @include pseudo-element($content: attr(title));
-                        left: 21px;
-                        top: 12px;
-                        font-family: $base-font-family;
-                        font-size: 17px;
-                        line-height: 21px;
-                        width: 246px;
-                        margin: 0 0 0 17px;
-                        @include color-by-background($page-background-color);
-                    }
-                }
-
-                input[type='submit'] {
-                    @include border-radius(4px);
-                    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(238,238,238,1)), to(rgba(156,158,160,1)));
-                    border: 1px outset #aaa;
-                    display: block;
-                    font-size: inherit;
-                    font-weight: inherit;
-                    padding: 10px;
-                }
-
-            } // forms
-
-            &.arrow, &.forward {
-                small {
-                    margin-right: 24px;
-                }
-
-                &:after {
-                    @extend .base-chevron;
-                }
-            }
-
-            $chevron-size: 24px;
-
-            &.forward {
-                &:before {
-                    @include pseudo-element($chevron-size, $chevron-size);
-                    top: 50%;
-                    right: 6px;
-                    margin-top: -$chevron-size/2;
-                    @include circle($chevron-size);
-                    @include background-gradient($highlight-color, $base-button-gradient);
-                    border: 2px solid #fff;
-                    @include box-shadow(0 1px 2px rgba(#000, .3));
-                    -webkit-box-sizing: border-box;
-                    padding: 0;
-                    z-index: 10;
-                    line-height: 0;
-                    pointer-events: none;
-                }
-                &:after {
-                    @include color-by-background($highlight-color);
-                    @include opacity(1);
-                    font-size: 24px;
-                }
-            }
-
-        } // /li
-
-        &.rounded, &.individual li {
-            @include box-shadow(rgba(#fff,.15) 0 1px 0);
-            border: 1px solid darken($base-color, 15);
-        }
-
-        &.rounded {
-            @include border-radius;
-
-            li:first-child, li:first-child a {
-                border-top: 0;
-                @include border-top-radius;
-            }
-            li:last-child, li:last-child a {
-                @include border-bottom-radius;
-            }
-        }
-
-        &.form {
-            li {
-                padding: 7px 10px;
-
-                &.error {
-                    border: 2px solid red;
-                }
-                &.error + &.error {
-                    border-top: 0;
-                }
-            }
-        }
-
-        @if $include-metal-lists {
-            &.metal {
-                @extend .base-flatlists;
-
-                li {
-                    background-image: none;
-                    border-top: 1px solid #fff;
-                    border-bottom: 1px solid #666;
-                    font-size: 26px;
-                    // background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(238,238,238,1)), to(rgba(156,158,160,1)));
-
-                    a {
-                        line-height: 26px;
-                        margin: 0;
-                        padding: 13px 0;
-                    }
-
-                    em {
-                        display: block;
-                        font-size: 14px;
-                        font-style: normal;
-                        width: 50%;
-                        line-height: 14px;
-                    }
-
-                    small {
-                        float: right;
-                        position: relative;
-                        margin-top: 10px;
-                        font-weight: bold;
-                    }
-                }
-            } // ul.metal
-        }
-
-        @if $include-edge-lists {
-            &.edgetoedge {
-                @extend .base-flatlists;
-
-                li {
-                    font-size: 20px;
-
-                    &:first-child {
-                        border-top: 0;
-                    }
-
-                    &.sep {
-                        font-size: 16px;
-                        padding: 2px 10px;
-                    }
-
-                    em {
-                        font-weight: normal;
-                        font-style: normal;
-                    }
-                }
-            } // ul.edgetoedge
-        }
-
-        @if $include-plastic-lists {
-            &.plastic {
-                @extend .base-flatlists;
-                font-size: 18px;
-
-                li {
-                    border-width: 1px 0;
-                    border-style: solid;
-
-                    @include background-gradient(darken($list-background-color, 17));
-                    border-top-color: darken($list-background-color, 15);                
-                    border-bottom-color: darken($list-background-color, 20);
-
-                    &:nth-child(odd) {
-                        @include background-gradient(darken($list-background-color, 15));
-                    }
-                    
-                    a.active.loading {
-                        background-image: url(img/loading.gif);
-                        background-position: 95% center;
-                        background-repeat: no-repeat;
-                    }
-                    small {
-                        color: color-by-background(darken($list-background-color, 15), 40);
-                        font-size: 13px;
-                        font-weight: bold;
-                        text-transform: uppercase;
-                    }
-                }
-            }
-        }
-
-        &.individual {
-            border: 0;
-            background: none;
-            clear: both;
-            overflow: hidden;
-
-            li {
-                font-size: 14px;
-                text-align: center;
-                @include border-radius;
-                @include box-sizing(border-box);
-                width: 48%;
-                float: left;
-                display: block;
-                padding: 11px 10px 14px 10px;
-
-                & + li {
-                    float: right;
-                }
-            }
-
-            a {
-                line-height: 16px;
-                margin: -11px -10px -14px -10px;
-                padding: 11px 10px 14px 10px;
-                @include border-radius;
-            }
-        }
-    }
-
-    .toggle {
-        width: 94px;
-        position: relative;
-        height: 27px;
-        display: block;
-        overflow: hidden;
-        float: right;
-
-        input[type="checkbox"] {
-            margin: 0;
-            @include border-radius(5px);
-            height: 27px;
-            overflow: hidden;
-            width: 149px;
-            border: 0;
-            @include transition(left .15s ease-in-out);
-            position: absolute;
-            top: 0;
-            left: -55px;
-            -webkit-appearance: textarea;
-            -webkit-tap-highlight-color: rgba(0,0,0,0);
-
-            &:checked {
-                left: 0px;
-            }
-        }
-    }
-
-    .info {
-        font-size: 12px;
-        line-height: 16px;
-        text-align: center;
-        color: #444;
-        padding: 15px;
-        font-weight: bold;
-    }
-}
\ No newline at end of file

From 453ec16e10dcf81ea95128ae9075130394e1f5c8 Mon Sep 17 00:00:00 2001
From: shawndrost <sdrost@gmail.com>
Date: Mon, 30 Jul 2012 13:51:54 -0700
Subject: [PATCH 09/15] don't call sethash unless jqtouch is handling routing

---
 src/jqtouch.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/jqtouch.js b/src/jqtouch.js
index 15cd996f..3e412a0f 100644
--- a/src/jqtouch.js
+++ b/src/jqtouch.js
@@ -127,7 +127,7 @@
             // Prevent default if we found an internal link (relative or absolute)
             if ($el && $el.prop('href') && !$el.isExternalLink()) {
                 warn('Need to prevent default click behavior');
-                e.preventDefault();
+                // e.preventDefault();
             } else {
                 warn('No need to prevent default click behavior');
             }
@@ -251,7 +251,9 @@
 
                 fromPage.unselect();
 
-                setHash($currentPage.attr('id'));
+                if(jQTSettings.handleRoutingAndHistory){
+                    setHash($currentPage.attr('id'));
+                }
 
                 // Trigger custom events
                 toPage.trigger('pageAnimationEnd', { direction:'in', animation: animation});

From 017c099771cc1ec12007bfabc21dab59f6c42470 Mon Sep 17 00:00:00 2001
From: shawndrost <sdrost@gmail.com>
Date: Mon, 30 Jul 2012 13:52:37 -0700
Subject: [PATCH 10/15] don't reverse animation unless user says to

---
 src/jqtouch.js | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/src/jqtouch.js b/src/jqtouch.js
index 3e412a0f..0bae8987 100644
--- a/src/jqtouch.js
+++ b/src/jqtouch.js
@@ -171,14 +171,9 @@
                     animation.name = jQTSettings.defaultAnimation;
                 }
 
-                // Reverse animation if need be
                 var finalAnimationName = animation.name,
                     is3d = animation.is3d ? 'animating3d' : '';
 
-                if (goingBack) {
-                    finalAnimationName = finalAnimationName.replace(/left|right|up|down|in|out/, reverseAnimation );
-                }
-
                 warn('finalAnimationName is ' + finalAnimationName);
 
                 // Bind internal "cleanup" callback

From 2f00783fe49ac85c91692f54c44fa60fe52f76f5 Mon Sep 17 00:00:00 2001
From: shawndrost <sdrost@gmail.com>
Date: Mon, 30 Jul 2012 13:57:28 -0700
Subject: [PATCH 11/15] handle goback

---
 src/jqtouch.js | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/jqtouch.js b/src/jqtouch.js
index 0bae8987..e9daacde 100644
--- a/src/jqtouch.js
+++ b/src/jqtouch.js
@@ -299,6 +299,12 @@
 
             fromPage = fromPage || history[0].page;
 
+            var goback = false;
+            if (history[1] && toPage.attr("id") && toPage.attr("id") == history[1].page.attr("id")) {
+                animation = animation.replace(/left|right|up|down|in|out/, reverseAnimation );
+                goback = true;
+            }
+
             if (typeof animation === 'string') {
                 for (var i=0, max=animations.length; i < max; i++) {
                     if (animations[i].name === animation) {
@@ -320,7 +326,7 @@
                     toPage = nextPage;
                 }
             }
-            if (doNavigation(fromPage, toPage, animation)) {
+            if (doNavigation(fromPage, toPage, animation, goback)) {
                 return publicObj;
             } else {
                 warn('Could not animate pages.');

From d3238619eb165c776e9b416a42e5add72d20808a Mon Sep 17 00:00:00 2001
From: shawndrost <sdrost@gmail.com>
Date: Mon, 30 Jul 2012 13:57:40 -0700
Subject: [PATCH 12/15] change css to snakecase

---
 src/jqtouch.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/jqtouch.js b/src/jqtouch.js
index e9daacde..305810fe 100644
--- a/src/jqtouch.js
+++ b/src/jqtouch.js
@@ -446,10 +446,10 @@
         }
 
         function orientationChangeHandler() {
-            $body.css('minHeight', 1000);
+            $body.css('min-height', 1000);
             scrollTo(0,0);
             var bodyHeight = window.innerHeight;
-            $body.css('minHeight', bodyHeight);
+            $body.css('min-height', bodyHeight);
 
             orientation = Math.abs(window.orientation) == 90 ? 'landscape' : 'portrait';
             $body.removeClass('portrait landscape').addClass(orientation).trigger('turn', {orientation: orientation});

From f68e7cab7bb1f353e712faca2e0d8b23dc36ce14 Mon Sep 17 00:00:00 2001
From: shawndrost <sdrost@gmail.com>
Date: Mon, 30 Jul 2012 13:58:20 -0700
Subject: [PATCH 13/15] app-specific styles

---
 src/jqtouch.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/jqtouch.js b/src/jqtouch.js
index 305810fe..146199a0 100644
--- a/src/jqtouch.js
+++ b/src/jqtouch.js
@@ -449,7 +449,7 @@
             $body.css('min-height', 1000);
             scrollTo(0,0);
             var bodyHeight = window.innerHeight;
-            $body.css('min-height', bodyHeight);
+            $body.css('min-height', bodyHeight - 44);
 
             orientation = Math.abs(window.orientation) == 90 ? 'landscape' : 'portrait';
             $body.removeClass('portrait landscape').addClass(orientation).trigger('turn', {orientation: orientation});

From e99274cf720aab31bc102dacd478d21a91796d2b Mon Sep 17 00:00:00 2001
From: shawndrost <sdrost@gmail.com>
Date: Mon, 30 Jul 2012 14:00:32 -0700
Subject: [PATCH 14/15] wrap dangerous stuff in 'handleRoutingAndHistory' stuff

---
 src/jqtouch.js | 34 ++++++++++++++++++----------------
 1 file changed, 18 insertions(+), 16 deletions(-)

diff --git a/src/jqtouch.js b/src/jqtouch.js
index 146199a0..b0168d0a 100644
--- a/src/jqtouch.js
+++ b/src/jqtouch.js
@@ -752,25 +752,27 @@
                 .bind( $.support.touch ? 'touchstart' : 'mousedown', touchStartHandler)
                 .trigger('orientationchange');
             
-            $(window).bind('hashchange', hashChangeHandler);
-
-            var startHash = location.hash;
-
-            // Determine what the initial view should be
-            if ($('#jqt > .current').length === 0) {
-                $currentPage = $('#jqt > *:first-child').addClass('current');
-            } else {
-                $currentPage = $('#jqt > .current');
-            }
-            
-            setHash($currentPage.attr('id'));
-            addPageToHistory($currentPage);
-
-            if ($(startHash).length === 1) {
-                goTo(startHash);
+            if (jQTSettings.handleRoutingAndHistory){
+                $(window).bind('hashchange', hashChangeHandler);
+                var startHash = location.hash;
+                // Determine what the initial view should be
+                if ($('#jqt > .current').length === 0) {
+                    $currentPage = $('#jqt > *:first-child').addClass('current');
+                } else {
+                    $currentPage = $('#jqt > .current');
+                }
+                
+                setHash($currentPage.attr('id'));
+                addPageToHistory($currentPage);
+    
+                if ($(startHash).length === 1) {
+                    goTo(startHash);
+                }
             }
         });
 
+
+
         // Expose public methods and properties
         publicObj = {
             addAnimation: addAnimation,

From 3bfcfb9d9a8536cbc50549305de7d34b4b68f072 Mon Sep 17 00:00:00 2001
From: shawndrost <sdrost@gmail.com>
Date: Mon, 30 Jul 2012 14:00:58 -0700
Subject: [PATCH 15/15] expose method

---
 src/jqtouch.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/jqtouch.js b/src/jqtouch.js
index b0168d0a..f496d20a 100644
--- a/src/jqtouch.js
+++ b/src/jqtouch.js
@@ -783,7 +783,8 @@
             goTo: goTo,
             history: history,
             settings: jQTSettings,
-            submitForm: submitHandler
+            submitForm: submitHandler,
+            addPageToHistory: addPageToHistory
         };
         return publicObj;
     };