Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

initial commit

  • Loading branch information...
commit eb05ab79dc4cdb61ac0d7e6b408481907ab65736 0 parents
Brandon Aaron authored
Showing with 23,402 additions and 0 deletions.
  1. +20 −0 LICENSE.txt
  2. +5 −0 README.markdown
  3. BIN  _css/.DS_Store
  4. +59 −0 _css/app.css
  5. +373 −0 _css/jqtouch.css
  6. +200 −0 _js/apidocs.js
  7. +55 −0 _js/app.js
  8. +624 −0 _js/jqtouch.js
  9. +97 −0 _js/jqtouch.offline.js
  10. +6,078 −0 _js/jquery.js
  11. +22 −0 _js/jquery.template.js
  12. +341 −0 _js/scrollable.js
  13. BIN  _themes/jqt/img/activeButton.png
  14. BIN  _themes/jqt/img/back_button.png
  15. BIN  _themes/jqt/img/back_button_clicked.png
  16. BIN  _themes/jqt/img/blueButton.png
  17. BIN  _themes/jqt/img/button.png
  18. BIN  _themes/jqt/img/button_clicked.png
  19. BIN  _themes/jqt/img/chevron.png
  20. BIN  _themes/jqt/img/chevron_circle.png
  21. BIN  _themes/jqt/img/grayButton.png
  22. BIN  _themes/jqt/img/greenButton.png
  23. BIN  _themes/jqt/img/loading.gif
  24. BIN  _themes/jqt/img/on_off.png
  25. BIN  _themes/jqt/img/redButton.png
  26. BIN  _themes/jqt/img/rowhead.png
  27. BIN  _themes/jqt/img/toggle.png
  28. BIN  _themes/jqt/img/toggleOn.png
  29. BIN  _themes/jqt/img/toolbar.png
  30. BIN  _themes/jqt/img/whiteButton.png
  31. +561 −0 _themes/jqt/theme.css
  32. +14,763 −0 api.xml
  33. +27 −0 cache.manifest
  34. BIN  icon.png
  35. +134 −0 index.html
  36. +43 −0 sample.htaccess
  37. BIN  startup.png
20 LICENSE.txt
@@ -0,0 +1,20 @@
+Copyright 2010, Brandon Aaron (http://brandonaaron.net/)
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
5 README.markdown
@@ -0,0 +1,5 @@
+A jQuery API browser for Mobile Safari.
+
+## License
+
+This work is Copyright 2010 [Brandon Aaron](http://brandonaaron.net/) and licensed under the MIT license (LICENSE.txt).
BIN  _css/.DS_Store
Binary file not shown
59 _css/app.css
@@ -0,0 +1,59 @@
+@import "jqtouch.css";
+@import "../_themes/jqt/theme.css";
+
+/* hide fullscreen info when fullscreen */
+#jqt.fullscreen #home .info { display: none; }
+
+
+/* special styles for an entry to include a description */
+#jqt li.entry a { font-size: 14px; color: #ccc; font-weight: normal; }
+ #jqt li.entry a span.name { font-size: 18px; color: #fff; font-weight: bold; }
+
+
+/* content heavy styles */
+#jqt .info.rounded {
+ margin: 15px 10px 17px 10px;
+ -webkit-border-radius: 8px;
+ text-align: left;
+ background: #ddd;
+ font-size: 13px;
+ line-height: 1.4em;
+ text-shadow: none;
+ color: #333;
+ padding: 15px;
+ border-top: none;
+ font-weight: normal;
+}
+ #jqt .info.rounded h2 { margin: 0 0 10px; }
+ #jqt .info.rounded p { margin: 0 0 10px; padding: 0; }
+ #jqt .info.rounded pre { margin: 0 0 10px; font-size: 12px; word-wrap: break-word; white-space: pre-wrap; }
+ #jqt .info.rounded ul,
+ #jqt .info.rounded ol { margin: 10px; padding: 0; background: none; color: #333; font-size: 13px; font-weight: normal; border: 0; }
+ #jqt .info.rounded ul li,
+ #jqt .info.rounded ol li { padding: 0 0 5px 0; background: none; color: #333; font-size: 13px; font-weight: normal; border: 0; }
+
+ dl.signature { margin-bottom: 17px; }
+ dl.signature dt { font-weight: bold; font-size: 14px; border-bottom: 1px solid #333; }
+
+
+/* styles necessary for Scrollable */
+.toolbar { z-index: 2; }
+.scrollable { height: 372px; position: relative; padding-top: 1px; z-index: 1; -webkit-transform-style: preserve-3d; -webkit-transform: translate3d(0, 0, 0); -webkit-transition-property: -webkit-transform; -webkit-transition-timing-function: cubic-bezier(0,0,0,1); }
+#jqt.landscape .scrollable { height: 227px; }
+#jqt.fullscreen.black-translucent .scrollable { height: 432px; }
+#jqt.fullscreen.landscape .scrollable { height: 258px; }
+
+/* force correct height for .page divs */
+body #jqt .page {
+ min-height: 420px !important;
+ overflow: hidden;
+}
+body #jqt.fullscreen .page {
+ min-height: 460px !important;
+}
+body #jqt.fullscreen.black-translucent .page {
+ min-height: 480px !important;
+}
+body #jqt.landscape .page {
+ min-height: 320px !important;
+}
373 _css/jqtouch.css
@@ -0,0 +1,373 @@
+* {
+ margin: 0;
+ padding: 0;
+}
+a {
+ -webkit-tap-highlight-color: rgba(0,0,0,0);
+}
+
+div#jqt {
+ /*overflow-x: hidden;*/
+ -webkit-user-select: none;
+ -webkit-text-size-adjust: none;
+ font-family: "Helvetica Neue", Helvetica;
+ -webkit-perspective: 800;
+ -webkit-transform-style: preserve-3d;
+}
+#jqt .selectable, #jqt input, #jqt textarea {
+ -webkit-user-select: auto;
+}
+div#jqt > * {
+ -webkit-backface-visibility: hidden;
+ -webkit-box-sizing: border-box;
+ display: none;
+ position: absolute;
+ left: 0;
+ width: 100%;
+ -webkit-transform: translate3d(0,0,0) rotate(0) scale(1);
+ min-height: 420px !important;
+}
+#jqt.fullscreen > * {
+ min-height: 460px !important;
+}
+#jqt.fullscreen.black-translucent > * {
+ min-height: 480px !important;
+}
+#jqt.landscape > * {
+ min-height: 320px !important;
+}
+div#jqt > .current {
+ display: block !important;
+}
+
+#jqt .in, #jqt .out {
+ -webkit-animation-timing-function: ease-in-out;
+ -webkit-animation-duration: 350ms;
+}
+
+#jqt .slide.in {
+ -webkit-animation-name: slideinfromright;
+}
+
+#jqt .slide.out {
+ -webkit-animation-name: slideouttoleft;
+}
+
+#jqt .slide.in.reverse {
+ -webkit-animation-name: slideinfromleft;
+}
+
+#jqt .slide.out.reverse {
+ -webkit-animation-name: slideouttoright;
+}
+
+@-webkit-keyframes slideinfromright {
+ from { -webkit-transform: translateX(100%); }
+ to { -webkit-transform: translateX(0); }
+}
+
+@-webkit-keyframes slideinfromleft {
+ from { -webkit-transform: translateX(-100%); }
+ to { -webkit-transform: translateX(0); }
+}
+
+@-webkit-keyframes slideouttoleft {
+ from { -webkit-transform: translateX(0); }
+ to { -webkit-transform: translateX(-100%); }
+}
+
+@-webkit-keyframes slideouttoright {
+ from { -webkit-transform: translateX(0); }
+ to { -webkit-transform: translateX(100%); }
+}
+
+@-webkit-keyframes fadein {
+ from { opacity: 0; }
+ to { opacity: 1; }
+}
+
+@-webkit-keyframes fadeout {
+ from { opacity: 1; }
+ to { opacity: 0; }
+}
+
+#jqt .fade.in {
+ z-index: 10;
+ -webkit-animation-name: fadein;
+}
+#jqt .fade.out {
+ z-index: 0;
+}
+
+#jqt .dissolve.in {
+ -webkit-animation-name: fadein;
+}
+
+#jqt .dissolve.out {
+ -webkit-animation-name: fadeout;
+}
+
+
+
+#jqt .flip {
+ -webkit-animation-duration: .65s;
+}
+
+#jqt .flip.in {
+ -webkit-animation-name: flipinfromleft;
+}
+
+#jqt .flip.out {
+ -webkit-animation-name: flipouttoleft;
+}
+
+/* Shake it all about */
+
+#jqt .flip.in.reverse {
+ -webkit-animation-name: flipinfromright;
+}
+
+#jqt .flip.out.reverse {
+ -webkit-animation-name: flipouttoright;
+}
+
+@-webkit-keyframes flipinfromright {
+ from { -webkit-transform: rotateY(-180deg) scale(.8); }
+ to { -webkit-transform: rotateY(0) scale(1); }
+}
+
+@-webkit-keyframes flipinfromleft {
+ from { -webkit-transform: rotateY(180deg) scale(.8); }
+ to { -webkit-transform: rotateY(0) scale(1); }
+}
+
+@-webkit-keyframes flipouttoleft {
+ from { -webkit-transform: rotateY(0) scale(1); }
+ to { -webkit-transform: rotateY(-180deg) scale(.8); }
+}
+
+@-webkit-keyframes flipouttoright {
+ from { -webkit-transform: rotateY(0) scale(1); }
+ to { -webkit-transform: rotateY(180deg) scale(.8); }
+}
+
+#jqt .slideup.in {
+ -webkit-animation-name: slideup;
+ z-index: 10;
+}
+
+#jqt .slideup.out {
+ -webkit-animation-name: dontmove;
+ z-index: 0;
+}
+
+#jqt .slideup.out.reverse {
+ z-index: 10;
+ -webkit-animation-name: slidedown;
+}
+
+#jqt .slideup.in.reverse {
+ z-index: 0;
+ -webkit-animation-name: dontmove;
+}
+
+
+@-webkit-keyframes slideup {
+ from { -webkit-transform: translateY(100%); }
+ to { -webkit-transform: translateY(0); }
+}
+
+@-webkit-keyframes slidedown {
+ from { -webkit-transform: translateY(0); }
+ to { -webkit-transform: translateY(100%); }
+}
+
+
+
+/* Hackish, but reliable. */
+
+@-webkit-keyframes dontmove {
+ from { opacity: 1; }
+ to { opacity: 1; }
+}
+
+#jqt .swap {
+ -webkit-transform: perspective(800);
+ -webkit-animation-duration: .7s;
+}
+#jqt .swap.out {
+ -webkit-animation-name: swapouttoleft;
+}
+#jqt .swap.in {
+ -webkit-animation-name: swapinfromright;
+}
+#jqt .swap.out.reverse {
+ -webkit-animation-name: swapouttoright;
+}
+#jqt .swap.in.reverse {
+ -webkit-animation-name: swapinfromleft;
+}
+
+
+@-webkit-keyframes swapouttoright {
+ 0% {
+ -webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg);
+ -webkit-animation-timing-function: ease-in-out;
+ }
+ 50% {
+ -webkit-transform: translate3d(-180px, 0px, -400px) rotateY(20deg);
+ -webkit-animation-timing-function: ease-in;
+ }
+ 100% {
+ -webkit-transform: translate3d(0px, 0px, -800px) rotateY(70deg);
+ }
+}
+
+@-webkit-keyframes swapouttoleft {
+ 0% {
+ -webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg);
+ -webkit-animation-timing-function: ease-in-out;
+ }
+ 50% {
+ -webkit-transform: translate3d(180px, 0px, -400px) rotateY(-20deg);
+ -webkit-animation-timing-function: ease-in;
+ }
+ 100% {
+ -webkit-transform: translate3d(0px, 0px, -800px) rotateY(-70deg);
+ }
+}
+
+@-webkit-keyframes swapinfromright {
+ 0% {
+ -webkit-transform: translate3d(0px, 0px, -800px) rotateY(70deg);
+ -webkit-animation-timing-function: ease-out;
+ }
+ 50% {
+ -webkit-transform: translate3d(-180px, 0px, -400px) rotateY(20deg);
+ -webkit-animation-timing-function: ease-in-out;
+ }
+ 100% {
+ -webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg);
+ }
+}
+
+@-webkit-keyframes swapinfromleft {
+ 0% {
+ -webkit-transform: translate3d(0px, 0px, -800px) rotateY(-70deg);
+ -webkit-animation-timing-function: ease-out;
+ }
+ 50% {
+ -webkit-transform: translate3d(180px, 0px, -400px) rotateY(-20deg);
+ -webkit-animation-timing-function: ease-in-out;
+ }
+ 100% {
+ -webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg);
+ }
+}
+
+#jqt .cube {
+ -webkit-animation-duration: .55s;
+}
+
+#jqt .cube.in {
+ -webkit-animation-name: cubeinfromright;
+ -webkit-transform-origin: 0% 50%;
+}
+#jqt .cube.out {
+ -webkit-animation-name: cubeouttoleft;
+ -webkit-transform-origin: 100% 50%;
+}
+#jqt .cube.in.reverse {
+ -webkit-animation-name: cubeinfromleft;
+ -webkit-transform-origin: 100% 50%;
+}
+#jqt .cube.out.reverse {
+ -webkit-animation-name: cubeouttoright;
+ -webkit-transform-origin: 0% 50%;
+
+}
+
+@-webkit-keyframes cubeinfromleft {
+ from {
+ -webkit-transform: rotateY(-90deg) translateZ(320px);
+ opacity: .5;
+ }
+ to {
+ -webkit-transform: rotateY(0deg) translateZ(0);
+ opacity: 1;
+ }
+}
+@-webkit-keyframes cubeouttoright {
+ from {
+ -webkit-transform: rotateY(0deg) translateX(0);
+ opacity: 1;
+ }
+ to {
+ -webkit-transform: rotateY(90deg) translateZ(320px);
+ opacity: .5;
+ }
+}
+@-webkit-keyframes cubeinfromright {
+ from {
+ -webkit-transform: rotateY(90deg) translateZ(320px);
+ opacity: .5;
+ }
+ to {
+ -webkit-transform: rotateY(0deg) translateZ(0);
+ opacity: 1;
+ }
+}
+@-webkit-keyframes cubeouttoleft {
+ from {
+ -webkit-transform: rotateY(0deg) translateZ(0);
+ opacity: 1;
+ }
+ to {
+ -webkit-transform: rotateY(-90deg) translateZ(320px);
+ opacity: .5;
+ }
+}
+
+
+
+
+#jqt .pop {
+ -webkit-transform-origin: 50% 50%;
+}
+
+#jqt .pop.in {
+ -webkit-animation-name: popin;
+ z-index: 10;
+}
+
+#jqt .pop.out.reverse {
+ -webkit-animation-name: popout;
+ z-index: 10;
+}
+
+#jqt .pop.in.reverse {
+ z-index: 0;
+ -webkit-animation-name: dontmove;
+}
+
+@-webkit-keyframes popin {
+ from {
+ -webkit-transform: scale(.2);
+ opacity: 0;
+ }
+ to {
+ -webkit-transform: scale(1);
+ opacity: 1;
+ }
+}
+
+@-webkit-keyframes popout {
+ from {
+ -webkit-transform: scale(1);
+ opacity: 1;
+ }
+ to {
+ -webkit-transform: scale(.2);
+ opacity: 0;
+ }
+}
200 _js/apidocs.js
@@ -0,0 +1,200 @@
+/*!
+ * Copyright 2010, Brandon Aaron (http://brandonaaron.net/)
+ * Licensed under the MIT license: LICENSE.txt.
+ */
+
+function APIDocs(settings) {
+ this.url = '/api.xml';
+}
+
+APIDocs.prototype = {
+ setup: function() {
+ this.categories = this.select('api/categories/category');
+ this.selectors = this.select('api/entries/entry[@type="selector"]');
+ this.versions = this.select('api/categories/category[@name="Version"]/category');
+ this.entries = this.select('api/entries/entry');
+
+ this.templates = {
+ categories: $('#tpl-categories').template(),
+ entries: $('#tpl-entries').template(),
+ entry: $('#tpl-entry').template()
+ };
+ },
+
+ select: function(selector, parent) {
+ return this._toArray(document.evaluate(selector, parent || this.xml, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null));
+ },
+
+ getXML: function(obj) {
+ $.ajax({
+ url: this.url,
+ context: this,
+ dataType: 'xml',
+ beforeSend: function(xhr) {
+ xhr.overrideMimeType('text/xml');
+ },
+ success: function(data, status, xhr) {
+ this.xml = xhr.responseXML;
+ this.setup();
+ obj.success.call(obj.context || this, this);
+ },
+ error: function(xhr, status, error) {
+ this.error(error);
+ obj.error.call(obj.context || this, this);
+ },
+ });
+ },
+
+ showCategory: function(name) {
+ var id = name && 'category'+this._sanitizeName(name) || 'categories',
+ $category = $('#'+id);
+ if (!$category.length) {
+ var html = this._generateCategory(name, id);
+ $(html).appendTo('#jqt').find('.scrollable').scrollable();
+ }
+ jqtouch.goTo('#'+id, 'slide');
+ },
+
+ showEntry: function(name, index) {
+ $('#entry').remove();
+ var html = this._generateEntry(name, index);
+ $(html).appendTo('#jqt').find('.scrollable').scrollable();
+ jqtouch.goTo('#entry', 'slide');
+ },
+
+ _generateCategory: function(name, id) {
+ var subcategories = name ?
+ this.select('/api/categories/category[@name="'+name+'"]/category') :
+ this.select('/api/categories/category'),
+ data = {
+ id: id,
+ title: name || 'Categories'
+ };
+ if (subcategories.length) {
+ data.categories = [];
+ subcategories.forEach(function(category) {
+ var name = category.getAttribute('name');
+ data.categories.push({
+ name: name
+ });
+ });
+ this._sortByName(data.categories);
+ return this.templates.categories(data, true);
+ } else {
+ return this._generateEntriesByCategory(name, id);
+ }
+ },
+
+ _generateEntriesByCategory: function(name, id) {
+ var entries = this.select('/api/entries/entry/category[@name="'+name+'"]/..'),
+ data = {
+ id: id,
+ title: name,
+ entries: []
+ };
+ entries.forEach(function(entry, index) {
+ var type = entry.getAttribute('type'),
+ name = entry.getAttribute('name'), displayName = name;
+ if (type === 'method') displayName = name + '()';
+ if (type === 'selector') displayName = this._nodeValue(entry, 'sample');
+ data.entries.push({
+ index: this.entries.indexOf(entry),
+ type: type,
+ name: name,
+ displayName: displayName,
+ desc: this._sanitizeDescription(this._nodeValue(entry, 'desc', true))
+ });
+ }, this);
+ this._sortByName(data.entries)
+ return this.templates.entries(data, true);
+ },
+
+ _generateEntry: function(name, index) {
+ var entry = this.entries[index],
+ type = entry.getAttribute('type'),
+ name = entry.getAttribute('name'),
+ displayName = type === 'selector' ? this._nodeValue(entry, 'sample') : type === 'method' ? name + '()' : name;
+ signatures = [].slice.call(entry.getElementsByTagName('signature')),
+ examples = [].slice.call(entry.getElementsByTagName('examples')),
+ data = {
+ id: 'entry',
+ title: displayName,
+ name: name,
+ displayName: displayName,
+ desc: this._nodeValue(entry, 'desc', true),
+ longdesc: this._nodeValue(entry, 'longdesc', true),
+ returns: entry.getAttribute('return'),
+ signatures: [],
+ examples: []
+ };
+
+ if (type === 'method') {
+ signatures.forEach(function(signature, index) {
+ var sig = {
+ title: name + '(',
+ added: this._nodeValue(signature, 'added', true),
+ arguments: []
+ };
+ var arguments = [].slice.call(signature.getElementsByTagName('argument'));
+ arguments.forEach(function(argument, index) {
+ var sigName = argument.getAttribute('name'),
+ optional = !!argument.getAttribute('optional');
+ sig.arguments.push({
+ name: sigName,
+ type: argument.getAttribute('type'),
+ optional: optional,
+ desc: this._nodeValue(argument, 'desc', true)
+ });
+ if (optional) sig.title += '[';
+ sig.title += sigName;
+ if (optional) sig.title += ']';
+ sig.title += ', ';
+ }, this);
+ sig.title = sig.title.replace(/, $/, '') + ')';
+ data.signatures.push(sig);
+ }, this);
+ }
+ return this.templates.entry(data, true);
+ },
+
+ _sortByName: function(array) {
+ return array.sort(function(a, b) {
+ a = a.name.replace(/^jQuery\./, '');
+ b = b.name.replace(/^jQuery\./, '');
+ if (a < b)
+ return -1;
+ if (a > b)
+ return 1;
+ return 0;
+ });
+ },
+
+ _toArray: function(xpathresult) {
+ var nodes = [], node, index = 0;
+ while ((node = xpathresult.snapshotItem(index++)))
+ nodes.push(node);
+ return nodes;
+ },
+
+ _nodeValue: function(parent, name, xpath) {
+ if (!parent) { return ''; }
+ var node = xpath ? this.select(name, parent)[0] : parent.getElementsByTagName(name)[0];
+ return node && node.firstChild && node.firstChild.nodeValue || '';
+ },
+
+ _sanitizeName: function(name) {
+ return (name || '').replace(/\s+/g, '').replace(',', '').replace(/\./g, '');
+ },
+
+ _sanitizeDescription: function(name) {
+ return (name || '').replace(/<\/?[^>]+(>|$)/g, "");
+ },
+
+ error: function(msg) {
+ console.error(msg);
+ },
+
+ notCompatible: function() {
+ return !('evaluate' in document) && !('localStorage' in window);
+ }
+};
55 _js/app.js
@@ -0,0 +1,55 @@
+/*!
+ * Copyright 2010, Brandon Aaron (http://brandonaaron.net/)
+ * Licensed under the MIT license: LICENSE.txt.
+ */
+
+var jqtouch = new $.jQTouch({
+ icon: 'icon.png',
+ addGlossToIcon: false,
+ startupScreen: 'startup.png',
+ statusBar: 'black',
+ slideSelector: '#jqt .page ul a'
+});
+
+$.fn.scrollable = function() {
+ return this.each(function() {
+ $.data(this, 'scrollable', new Scrollable(this));
+ });
+};
+
+$(function(){
+ if (!('evaluate' in document) && !('localStorage' in window)) {
+ $('div.info').text('Sorry, your browser does not have the capabilities to run this web app.');
+ return;
+ }
+
+ // jqtouch.autoCheckForUpdates();
+
+ $('a').live('tap click', function(event) {
+ var $this = $(this);
+ if ($this.is('.entry')) {
+ var name = $this.attr('data-name'),
+ index = $this.attr('data-index');
+ apiDocs.showEntry(name, index);
+ return false;
+ }
+ if ($this.is('.category')) {
+ var name = $this.attr('data-name');
+ apiDocs.showCategory(name);
+ return false;
+ }
+ });
+
+ $('#jqt').find('.scrollable').scrollable();
+
+ window.apiDocs = new APIDocs();
+ apiDocs.getXML({
+ success: function() {
+ jqtouch.goTo('#home', 'fade');
+ },
+ error: function() {
+ jqtouch.goTo('#error', 'fade');
+ }
+ });
+});
+
624 _js/jqtouch.js
@@ -0,0 +1,624 @@
+/*
+
+ _/ _/_/ _/_/_/_/_/ _/
+ _/ _/ _/ _/_/ _/ _/ _/_/_/ _/_/_/
+ _/ _/ _/_/ _/ _/ _/ _/ _/ _/ _/ _/
+ _/ _/ _/ _/ _/ _/ _/ _/ _/ _/ _/
+ _/ _/_/ _/ _/ _/_/ _/_/_/ _/_/_/ _/ _/
+ _/
+ _/
+
+ Created by David Kaneda <http://www.davidkaneda.com>
+ Documentation and issue tracking on Google Code <http://code.google.com/p/jqtouch/>
+
+ Special thanks to Jonathan Stark <http://jonathanstark.com/>
+ and pinch/zoom <http://www.pinchzoom.com/>
+
+ (c) 2009 by jQTouch project members.
+ See LICENSE.txt for license.
+
+ $Revision: 133 $
+ $Date: 2010-01-15 15:08:54 -0600 (Fri, 15 Jan 2010) $
+ $LastChangedBy: RBoulanouar $
+
+*/
+
+(function($) {
+ $.jQTouch = function(options) {
+
+ // Set support values
+ $.support.WebKitCSSMatrix = (typeof WebKitCSSMatrix == "object");
+ $.support.touch = (typeof Touch == "object");
+ $.support.WebKitAnimationEvent = (typeof WebKitTransitionEvent == "object");
+
+ // Initialize internal variables
+ var $body,
+ $head=$('head'),
+ hist=[],
+ newPageCount=0,
+ jQTSettings={},
+ hashCheckInterval,
+ currentPage,
+ orientation,
+ isMobileWebKit = RegExp(" Mobile/").test(navigator.userAgent),
+ tapReady=true,
+ lastAnimationTime=0,
+ touchSelectors=[],
+ publicObj={},
+ extensions=$.jQTouch.prototype.extensions,
+ defaultAnimations=['slide','flip','slideup','swap','cube','pop','dissolve','fade','back'],
+ animations=[],
+ hairextensions='';
+ // Get the party started
+ init(options);
+
+ function init(options) {
+
+ var defaults = {
+ addGlossToIcon: true,
+ backSelector: '.back, .cancel, .goback',
+ cacheGetRequests: true,
+ cubeSelector: '.cube',
+ dissolveSelector: '.dissolve',
+ fadeSelector: '.fade',
+ fixedViewport: true,
+ flipSelector: '.flip',
+ formSelector: 'form',
+ fullScreen: true,
+ fullScreenClass: 'fullscreen',
+ icon: null,
+ touchSelector: 'a, .touch',
+ popSelector: '.pop',
+ preloadImages: false,
+ slideSelector: '#jqt > * > ul li a',
+ slideupSelector: '.slideup',
+ startupScreen: null,
+ statusBar: 'default', // other options: black-translucent, black
+ submitSelector: '.submit',
+ swapSelector: '.swap',
+ useAnimations: true,
+ useFastTouch: true // Experimental.
+ };
+ jQTSettings = $.extend({}, defaults, options);
+
+ // Preload images
+ if (jQTSettings.preloadImages) {
+ for (var i = jQTSettings.preloadImages.length - 1; i >= 0; i--) {
+ (new Image()).src = jQTSettings.preloadImages[i];
+ };
+ }
+ // Set icon
+ if (jQTSettings.icon) {
+ var precomposed = (jQTSettings.addGlossToIcon) ? '' : '-precomposed';
+ hairextensions += '<link rel="apple-touch-icon' + precomposed + '" href="' + jQTSettings.icon + '" />';
+ }
+ // Set startup screen
+ if (jQTSettings.startupScreen) {
+ hairextensions += '<link rel="apple-touch-startup-image" href="' + jQTSettings.startupScreen + '" />';
+ }
+ // Set viewport
+ if (jQTSettings.fixedViewport) {
+ hairextensions += '<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;"/>';
+ }
+ // Set full-screen
+ if (jQTSettings.fullScreen) {
+ hairextensions += '<meta name="apple-mobile-web-app-capable" content="yes" />';
+ if (jQTSettings.statusBar) {
+ hairextensions += '<meta name="apple-mobile-web-app-status-bar-style" content="' + jQTSettings.statusBar + '" />';
+ }
+ }
+ if (hairextensions) {
+ $head.prepend(hairextensions);
+ }
+ }
+
+ // PUBLIC FUNCTIONS
+ function goBack(to) {
+ // Init the param
+ var numberOfPages = Math.min(parseInt(to || 1, 10), hist.length-1),
+ curPage = hist[0];
+
+ // Search through the history for an ID
+ if(isNaN(numberOfPages) && typeof(to) === "string" && to != '#' ) {
+ for( var i=1, length=hist.length; i < length; i++ ) {
+ if( '#' + hist[i].id === to ) {
+ numberOfPages = i;
+ break;
+ }
+ }
+ }
+
+ // If still nothing, assume one
+ if(isNaN(numberOfPages) || numberOfPages < 1) {
+ numberOfPages = 1;
+ };
+
+ if (hist.length > 1) {
+ // Remove all pages in front of the target page
+ hist.splice(0, numberOfPages);
+ animatePages(curPage.page, hist[0].page, curPage.animation, curPage.reverse === false);
+ } else {
+ location.hash = '#' + curPage.id;
+ }
+
+ return publicObj;
+ }
+ function goTo(toPage, animation, reverse) {
+ var fromPage = hist[0].page;
+
+ if (typeof(toPage) === 'string') {
+ toPage = $(toPage);
+ }
+ if (typeof(animation) === 'string') {
+ for (var i = animations.length - 1; i >= 0; i--) {
+ if (animations[i].name === animation) {
+ animation = animations[i];
+ break;
+ }
+ }
+ }
+ if (animatePages(fromPage, toPage, animation, reverse)) {
+ addPageToHistory(toPage, animation, reverse);
+ return publicObj;
+ } else {
+ console.error('Could not animate pages.');
+ return false;
+ }
+ }
+ function getOrientation() {
+ return orientation;
+ }
+
+ // PRIVATE FUNCTIONS
+ function liveTap(e){
+
+ // Grab the clicked element
+ var $el = $(e.target);
+
+ if ($el.attr('nodeName')!=='A' && $el.attr('nodeName')!=='AREA') {
+ $el = $el.closest('a, area');
+ }
+
+ var target = $el.attr('target'),
+ hash = $el.attr('hash'),
+ animation=null;
+
+ if (tapReady == false || !$el.length) {
+ console.warn('Not able to tap element.');
+ return false;
+ }
+
+ if ($el.isExternalLink()) {
+ $el.removeClass('active');
+ return true;
+ }
+
+ // Figure out the animation to use
+ for (var i = animations.length - 1; i >= 0; i--) {
+ if ($el.is(animations[i].selector)) {
+ animation = animations[i];
+ break;
+ }
+ };
+
+ // User clicked an internal link, fullscreen mode
+ if (target == '_webapp') {
+ window.location = $el.attr('href');
+ }
+ // User clicked a back button
+ else if ($el.is(jQTSettings.backSelector)) {
+ goBack(hash);
+ }
+ // Allow tap on item with no href
+ else if ($el.attr('href') == '#') {
+ $el.unselect();
+ return true;
+ }
+ // Branch on internal or external href
+ else if (hash && hash!='#') {
+ $el.addClass('active');
+ goTo($(hash).data('referrer', $el), animation, $(this).hasClass('reverse'));
+ } else {
+ $el.addClass('loading active');
+ showPageByHref($el.attr('href'), {
+ animation: animation,
+ callback: function() {
+ $el.removeClass('loading'); setTimeout($.fn.unselect, 250, $el);
+ },
+ $referrer: $el
+ });
+ }
+ return false;
+ }
+ function addPageToHistory(page, animation, reverse) {
+ // Grab some info
+ var pageId = page.attr('id');
+ // Prepend info to page history
+ hist.unshift({
+ page: page,
+ animation: animation,
+ reverse: reverse || false,
+ id: pageId
+ });
+ }
+ function animatePages(fromPage, toPage, animation, backwards) {
+ // Error check for target page
+ if (toPage.length === 0) {
+ $.fn.unselect();
+ console.error('Target element is missing.');
+ return false;
+ }
+
+ // Error check for fromPage=toPage
+ if (toPage.hasClass('current')) {
+ $.fn.unselect();
+ console.error('Target element is the current page.');
+ return false;
+ }
+
+ // Collapse the keyboard
+ $(':focus').blur();
+
+ // Make sure we are scrolled up to hide location bar
+ scrollTo(0, 0);
+
+ // Define callback to run after animation completes
+ var callback = function animationEnd(event) {
+ if (animation) {
+ toPage.removeClass('in ' + animation.name);
+ fromPage.removeClass('current out ' + animation.name);
+ if (backwards) {
+ toPage.toggleClass('reverse');
+ fromPage.toggleClass('reverse');
+ }
+ } else {
+ fromPage.removeClass('current');
+ }
+
+ toPage.trigger('pageAnimationEnd', { direction: 'in' });
+ fromPage.trigger('pageAnimationEnd', { direction: 'out' });
+
+ clearInterval(hashCheckInterval);
+ currentPage = toPage;
+ location.hash = '#' + currentPage.attr('id');
+ startHashCheck();
+
+ var $originallink = toPage.data('referrer');
+ if ($originallink) {
+ $originallink.unselect();
+ }
+ lastAnimationTime = (new Date()).getTime();
+ tapReady = true;
+ }
+
+ fromPage.trigger('pageAnimationStart', { direction: 'out' });
+ toPage.trigger('pageAnimationStart', { direction: 'in' });
+
+ if ($.support.WebKitAnimationEvent && animation && jQTSettings.useAnimations) {
+ toPage.one('webkitAnimationEnd', callback);
+ tapReady = false;
+ if (backwards) {
+ toPage.toggleClass('reverse');
+ fromPage.toggleClass('reverse');
+ }
+ toPage.addClass(animation.name + ' in current ');
+ fromPage.addClass(animation.name + ' out');
+
+ } else {
+ toPage.addClass('current');
+ callback();
+ }
+
+ return true;
+ }
+ function hashCheck() {
+ var curid = currentPage.attr('id');
+ if (location.hash == '') {
+ location.hash = '#' + curid;
+ } else if (location.hash != '#' + curid) {
+ clearInterval(hashCheckInterval);
+ goBack(location.hash);
+ }
+ }
+ function startHashCheck() {
+ hashCheckInterval = setInterval(hashCheck, 100);
+ }
+ function insertPages(nodes, animation) {
+ var targetPage = null;
+ $(nodes).each(function(index, node) {
+ var $node = $(this);
+ if (!$node.attr('id')) {
+ $node.attr('id', 'page-' + (++newPageCount));
+ }
+
+ $body.trigger('pageInserted', {page: $node.appendTo($body)});
+
+ if ($node.hasClass('current') || !targetPage) {
+ targetPage = $node;
+ }
+ });
+ if (targetPage !== null) {
+ goTo(targetPage, animation);
+ return targetPage;
+ } else {
+ return false;
+ }
+ }
+ function showPageByHref(href, options) {
+ var defaults = {
+ data: null,
+ method: 'GET',
+ animation: null,
+ callback: null,
+ $referrer: null
+ };
+
+ var settings = $.extend({}, defaults, options);
+
+ if (href != '#') {
+ $.ajax({
+ url: href,
+ data: settings.data,
+ type: settings.method,
+ success: function (data, textStatus) {
+ var firstPage = insertPages(data, settings.animation);
+ if (firstPage) {
+ if (settings.method == 'GET' && jQTSettings.cacheGetRequests === true && settings.$referrer) {
+ settings.$referrer.attr('href', '#' + firstPage.attr('id'));
+ }
+ if (settings.callback) {
+ settings.callback(true);
+ }
+ }
+ },
+ error: function (data) {
+ if (settings.$referrer) {
+ settings.$referrer.unselect();
+ }
+ if (settings.callback) {
+ settings.callback(false);
+ }
+ }
+ });
+ }
+ else if (settings.$referrer) {
+ settings.$referrer.unselect();
+ }
+ }
+ function submitForm(e, callback) {
+ var $form = (typeof(e)==='string') ? $(e).eq(0) : (e.target ? $(e.target) : $(e));
+
+ if ($form.length && $form.is(jQTSettings.formSelector)) {
+ showPageByHref($form.attr('action'), {
+ data: $form.serialize(),
+ method: $form.attr('method') || "POST",
+ animation: animations[0] || null,
+ callback: callback
+ });
+ return false;
+ }
+ return true;
+ }
+ function submitParentForm(e) {
+ var $form = $(this).closest('form');
+ if ($form.length) {
+ evt = jQuery.Event("submit");
+ evt.preventDefault();
+ $form.trigger(evt);
+ return false;
+ }
+ return true;
+ }
+ function addAnimation(animation) {
+ if (typeof(animation.selector) == 'string' && typeof(animation.name) == 'string') {
+ animations.push(animation);
+ $(animation.selector).tap(liveTap);
+ touchSelectors.push(animation.selector);
+ }
+ }
+ function updateOrientation() {
+ orientation = window.innerWidth < window.innerHeight ? 'profile' : 'landscape';
+ $body.removeClass('profile landscape').addClass(orientation).trigger('turn', {orientation: orientation});
+ // scrollTo(0, 0);
+ }
+ function handleTouch(e) {
+ var $el = $(e.target);
+
+ // Only handle touchSelectors
+ if (!$(e.target).is(touchSelectors.join(', '))) {
+ var $link = $(e.target).closest('a, area');
+
+ if ($link.length && $link.is(touchSelectors.join(', '))) {
+ $el = $link;
+ } else {
+ return;
+ }
+ }
+
+ if (e) {
+ var hoverTimeout = null,
+ startX = event.changedTouches[0].clientX,
+ startY = event.changedTouches[0].clientY,
+ startTime = (new Date).getTime(),
+ deltaX = 0,
+ deltaY = 0,
+ deltaT = 0;
+
+ // Let's bind these after the fact, so we can keep some internal values
+ $el.bind('touchmove', touchmove).bind('touchend', touchend);
+
+ hoverTimeout = setTimeout(function() {
+ $el.makeActive();
+ }, 100);
+
+ }
+
+ // Private touch functions (TODO: insert dirty joke)
+ function touchmove(e) {
+
+ updateChanges();
+ var absX = Math.abs(deltaX);
+ var absY = Math.abs(deltaY);
+
+ // Check for swipe
+ if (absX > absY && (absX > 35) && deltaT < 1000) {
+ $el.trigger('swipe', {direction: (deltaX < 0) ? 'left' : 'right', deltaX: deltaX, deltaY: deltaY }).unbind('touchmove touchend');
+ } else if (absY > 1) {
+ $el.removeClass('active');
+ }
+
+ clearTimeout(hoverTimeout);
+ }
+
+ function touchend() {
+ updateChanges();
+
+ if (deltaY === 0 && deltaX === 0) {
+ $el.makeActive();
+ $el.trigger('tap');
+ } else {
+ $el.removeClass('active');
+ }
+ $el.unbind('touchmove touchend');
+ clearTimeout(hoverTimeout);
+ }
+
+ function updateChanges() {
+ var first = event.changedTouches[0] || null;
+ deltaX = first.pageX - startX;
+ deltaY = first.pageY - startY;
+ deltaT = (new Date).getTime() - startTime;
+ }
+
+ } // End touch handler
+
+ // Public jQuery Fns
+ $.fn.unselect = function(obj) {
+ if (obj) {
+ obj.removeClass('active');
+ } else {
+ $('.active').removeClass('active');
+ }
+ }
+ $.fn.makeActive = function() {
+ return $(this).addClass('active');
+ }
+ $.fn.swipe = function(fn) {
+ if ($.isFunction(fn)) {
+ return $(this).bind('swipe', fn);
+ } else {
+ return $(this).trigger('swipe');
+ }
+ }
+ $.fn.tap = function(fn) {
+ if ($.isFunction(fn)) {
+ var tapEvent = (jQTSettings.useFastTouch && $.support.touch) ? 'tap' : 'click';
+ return $(this).live(tapEvent, fn);
+ } else {
+ return $(this).trigger('tap');
+ }
+ }
+ $.fn.isExternalLink = function() {
+ var $el = $(this);
+ return ($el.attr('target') == '_blank' || $el.attr('rel') == 'external' || $el.is('input[type="checkbox"], input[type="radio"], a[href^="http://maps.google.com:"], a[href^="mailto:"], a[href^="tel:"], a[href^="javascript:"], a[href*="youtube.com/v"], a[href*="youtube.com/watch"]'));
+ }
+
+ publicObj = {
+ getOrientation: getOrientation,
+ goBack: goBack,
+ goTo: goTo,
+ addAnimation: addAnimation,
+ submitForm: submitForm
+ }
+
+ // Initialize on document load:
+ $(document).ready(function() {
+
+ // Add extensions
+ for (var i in extensions) {
+ var fn = extensions[i];
+ if ($.isFunction(fn)) {
+ $.extend(publicObj, fn(publicObj));
+ }
+ }
+
+ // Add animations
+ for (var i in defaultAnimations) {
+ var name = defaultAnimations[i];
+ var selector = jQTSettings[name + 'Selector'];
+ if (typeof(selector) == 'string') {
+ addAnimation({name:name, selector:selector});
+ }
+ }
+
+ touchSelectors.push('input');
+ touchSelectors.push(jQTSettings.touchSelector);
+ touchSelectors.push(jQTSettings.backSelector);
+ touchSelectors.push(jQTSettings.submitSelector);
+ $(touchSelectors.join(', ')).css('-webkit-touch-callout', 'none');
+ $(jQTSettings.backSelector).tap(liveTap);
+ $(jQTSettings.submitSelector).tap(submitParentForm);
+
+ $body = $('#jqt');
+
+ if (jQTSettings.fullScreenClass && window.navigator.standalone == true) {
+ $body.addClass(jQTSettings.fullScreenClass + ' ' + jQTSettings.statusBar);
+ }
+
+ // Create custom live events
+ $body
+ .bind('touchstart', handleTouch)
+ .bind('orientationchange', updateOrientation)
+ .trigger('orientationchange')
+ .submit(submitForm);
+
+ if (jQTSettings.useFastTouch && $.support.touch) {
+ $body.click(function(e) {
+ var $el = $(e.target);
+
+ if ($el.attr('nodeName')!=='A' && $el.attr('nodeName')!=='AREA' && $el.attr('nodeName')!=='INPUT') {
+ $el = $el.closest('a, area');
+ }
+
+ if ($el.isExternalLink()) {
+ return true;
+ } else {
+ return false;
+ }
+ });
+
+ // This additionally gets rid of form focusses
+ $body.mousedown(function(e) {
+ var timeDiff = (new Date()).getTime() - lastAnimationTime;
+ if (timeDiff < 200) {
+ return false;
+ }
+ });
+ }
+
+ // Make sure exactly one child of body has "current" class
+ if ($('#jqt > .current').length == 0) {
+ currentPage = $('#jqt > *:first');
+ } else {
+ currentPage = $('#jqt > .current:first');
+ $('#jqt > .current').removeClass('current');
+ }
+
+ // Go to the top of the "current" page
+ $(currentPage).addClass('current');
+ location.hash = '#' + $(currentPage).attr('id');
+ addPageToHistory(currentPage);
+ scrollTo(0, 0);
+ startHashCheck();
+ });
+
+ return publicObj;
+ }
+
+ // Extensions directly manipulate the jQTouch object, before it's initialized.
+ $.jQTouch.prototype.extensions = [];
+ $.jQTouch.addExtension = function(extension) {
+ $.jQTouch.prototype.extensions.push(extension);
+ }
+
+})(jQuery);
97 _js/jqtouch.offline.js
@@ -0,0 +1,97 @@
+/*
+
+ _/ _/_/ _/_/_/_/_/ _/
+ _/ _/ _/ _/_/ _/ _/ _/_/_/ _/_/_/
+ _/ _/ _/_/ _/ _/ _/ _/ _/ _/ _/ _/
+ _/ _/ _/ _/ _/ _/ _/ _/ _/ _/ _/
+ _/ _/_/ _/ _/ _/_/ _/_/_/ _/_/_/ _/ _/
+ _/
+ _/
+
+ Created by David Kaneda <http://www.davidkaneda.com>
+ Documentation and issue tracking on Google Code <http://code.google.com/p/jqtouch/>
+
+ Special thanks to Jonathan Stark <http://jonathanstark.com/>
+
+ Lots of this code is specifically derived from Jonathan's book,
+ "Building iPhone Apps with HTML, CSS, and JavaScript"
+
+ (c) 2009 by jQTouch project members.
+ See LICENSE.txt for license.
+
+*/
+
+(function($) {
+ if ($.jQTouch)
+ {
+ $.jQTouch.addExtension(function Offline(){
+
+ // Convenience array of status values
+ var cacheStatusValues = [];
+ cacheStatusValues[0] = 'uncached';
+ cacheStatusValues[1] = 'idle';
+ cacheStatusValues[2] = 'checking';
+ cacheStatusValues[3] = 'downloading';
+ cacheStatusValues[4] = 'updateready';
+ cacheStatusValues[5] = 'obsolete';
+
+ // Listeners for all possible events
+ var cache = window.applicationCache;
+ cache.addEventListener('cached', logEvent, false);
+ cache.addEventListener('checking', logEvent, false);
+ cache.addEventListener('downloading', logEvent, false);
+ cache.addEventListener('error', logEvent, false);
+ cache.addEventListener('noupdate', logEvent, false);
+ cache.addEventListener('obsolete', logEvent, false);
+ cache.addEventListener('progress', logEvent, false);
+ cache.addEventListener('updateready', logEvent, false);
+
+ // Log every event to the console
+ function logEvent(e) {
+ var online, status, type, message;
+ online = (isOnline()) ? 'yes' : 'no';
+ status = cacheStatusValues[cache.status];
+ type = e.type;
+ message = 'online: ' + online;
+ message+= ', event: ' + type;
+ message+= ', status: ' + status;
+ if (type == 'error' && navigator.onLine) {
+ message+= ' There was an unknown error, check your Cache Manifest.';
+ }
+ console.log(message);
+ }
+
+ function isOnline() {
+ return navigator.onLine;
+ }
+
+ if (!$('html').attr('manifest')) {
+ console.log('No Cache Manifest listed on the <html> tag.')
+ }
+
+ // Swap in newly download files when update is ready
+ cache.addEventListener('updateready', function(e){
+ // Don't perform "swap" if this is the first cache
+ if (cacheStatusValues[cache.status] != 'idle') {
+ cache.swapCache();
+ console.log('Swapped/updated the Cache Manifest.');
+ }
+ }
+ , false);
+
+ // These two functions check for updates to the manifest file
+ function checkForUpdates(){
+ cache.update();
+ }
+ function autoCheckForUpdates(){
+ setInterval(function(){cache.update()}, 10000);
+ }
+
+ return {
+ isOnline: isOnline,
+ checkForUpdates: checkForUpdates,
+ autoCheckForUpdates: autoCheckForUpdates
+ }
+ });
+ }
+})(jQuery);
6,078 _js/jquery.js
6,078 additions, 0 deletions not shown
22 _js/jquery.template.js
@@ -0,0 +1,22 @@
+// http://github.com/furf/jquery-template/blob/master/jquery.template.js
+jQuery.template = function (str, obj, raw) {
+ var replace = 'replace', split = 'split', join = 'join',
+ render = new Function ("var __=[];__.push('" +
+ str[replace](/[\r\t\n]/g, " ")
+ [split]("<%")[join]("\t")
+ [replace](/((^|%>)[^\t]*)'/g, "$1\r")
+ [replace](/\t=(.*?)%>/g, "',$1,'")
+ [split]("\t")[join]("');")
+ [split]("%>")[join](";__.push('")
+ [split]("\r")[join]("\\'") +
+ "');return __.join('');");
+ function proxy (obj, raw) {
+ var html = render.call(obj);
+ return raw ? html : jQuery(html);
+ }
+ return obj ? proxy(obj, raw) : proxy;
+};
+
+jQuery.fn.template = function (obj, raw) {
+ return jQuery.template(this.text() || '', obj, raw);
+};
341 _js/scrollable.js
@@ -0,0 +1,341 @@
+/*!
+ * Copyright 2010, Brandon Aaron (http://brandonaaron.net/)
+ * Licensed under the MIT license: LICENSE.txt.
+ */
+(function() {
+ // mouse support is half-baked
+ var touchSupport = (typeof Touch == "object"),
+ touchstart = touchSupport ? 'touchstart' : 'mousedown',
+ touchmove = touchSupport ? 'touchmove' : 'mousemove',
+ touchend = touchSupport ? 'touchend' : 'mouseup';
+
+ /**
+ * Simple point/coordinate object with some helper methods
+ */
+ function Point(x,y) {
+ if (!(this instanceof Point)) return new Point(x,y);
+
+ if (x instanceof Point) {
+ this.x = x.x;
+ this.y = x.y;
+ } else {
+ this.x = x;
+ this.y = y;
+ }
+
+ this.constructor = Point;
+ }
+
+ Point.prototype = {
+ set: function(x,y) {
+ this.x = x;
+ this.y = y;
+ return this;
+ },
+
+ copy: function(point) {
+ this.x = point.x;
+ this.y = point.y;
+ return this;
+ },
+
+ subtract: function(point1, point2) {
+ if (arguments.length === 1) {
+ this.x = this.x - point1.x;
+ this.y = this.y - point1.y;
+ } else {
+ this.x = point1.x - point2.x;
+ this.y = point1.y - point2.y;
+ }
+ return this;
+ },
+
+ abs: function() {
+ this.x = Math.abs(this.x);
+ this.y = Math.abs(this.y);
+ return this;
+ },
+
+ keepInBounds: function(minPoint, maxPoint) {
+ this.x = Math.min(Math.max(this.x, minPoint.x), maxPoint.x);
+ this.y = Math.min(Math.max(this.y, minPoint.y), maxPoint.y);
+ return this;
+ }
+ };
+
+ function Scrollable(target) {
+ this.target = target;
+
+ this.target.addEventListener(touchstart, this, false);
+
+ this.constructor = Scrollable;
+ }
+
+ Scrollable.prototype = {
+ /**
+ * The element that is being scrolled
+ */
+ target: null,
+
+ /**
+ * The current scrolled offset as a Point
+ */
+ current: new Point(0,0),
+
+ /**
+ * The last scroll offset as a Point during a touchmove event
+ */
+ last: new Point(0,0),
+
+ /**
+ * The starting offset as a Point for a touchstart event
+ */
+ start: new Point(0,0),
+
+ /**
+ * The stopping offset as a Point for a touchend event
+ */
+ stop: new Point(0,0),
+
+ touchCurrent: new Point(0,0),
+ touchLast: new Point(0,0),
+
+ /**
+ * The starting coordinates as a Point for a touchstart event
+ */
+ touchStart: new Point(0,0),
+
+ /**
+ * The stopping coordinate as a Point for a touchstart event
+ */
+ touchStop: new Point(0,0),
+
+ /**
+ * The minimum value for the scroll offset as a Point
+ */
+ min: new Point(0,0),
+
+ /**
+ * The maximum value for the scroll offset as a Point
+ */
+ max: new Point(0,0),
+
+ /**
+ * If the object was actually moved during a touchstart and touchend event
+ * Also doubles as the time of the last move operation.
+ * Will be set to false if no movement occured, otherwise is set to a timestamp
+ */
+ moved: false,
+
+ set duration(time) {
+ this._duration = time;
+ this.target.style.webkitTransitionDuration = time + 's';
+ },
+
+ get duration() {
+ return this._duration;
+ },
+
+ set endPoint(point) {
+ this.target.style.webkitTransform = 'translate3d(' + point.x + 'px, ' + point.y + 'px, 0)';
+ },
+
+ handleEvent: function(event) {
+ var type = event.type;
+ (type === 'touchmove' || type === 'mousemove') && event.preventDefault();
+ this[type].apply(this, arguments);
+ },
+
+ touchstart: function(event) {
+ var touched = touchSupport ? event.touches[0] : event;
+
+ this.min.y = -(this.target.scrollHeight - this.target.offsetHeight);
+ this.min.x = -(this.target.scrollWidth - this.target.offsetWidth);
+
+ this.finishTransition();
+
+ // the raw starting coords
+ this.touchStart.set(touched.clientX, touched.clientY);
+ this.touchCurrent.copy(this.touchStart);
+
+ // the adjusted starting coords
+ this.start.copy(this.touchStart).subtract(this.current);
+
+ this.addDocEvents();
+ },
+
+ touchmove: function(event) {
+ var touched = touchSupport ? event.touches[0] : event;
+
+ this.moved = event.timeStamp;
+
+ this.touchLast.copy(this.touchCurrent);
+ this.touchCurrent.set(touched.clientX, touched.clientY);
+
+ this.last.copy(this.current);
+ this.current.copy(this.touchCurrent).subtract(this.start);
+
+ if (this.min.x === this.max.x) {
+ this.current.x = this.min.x;
+ }
+ if (this.min.y === this.max.y) {
+ this.current.y = this.min.y;
+ }
+
+ if (this.isOutOfBounds(this.current)) this.addResistance();
+
+ this.moveTo(this.current);
+ },
+
+ touchend: function(event) {
+ this.removeDocEvents();
+ if (this.moved === false) {
+ // could still be out of bounds if touched while out of bounds... need to snap back if so
+ if (this.isOutOfBounds(this.current)) {
+ this.duration = 0.3;
+ this.moveTo(this.current.keepInBounds(this.min, this.max));
+ }
+ return;
+ }
+
+ var pointDiff = new Point(this.current).subtract(this.last),
+ timeDiff = event.timeStamp - this.moved,
+ touchDistance = new Point(pointDiff).abs(),
+ speedY = Math.abs(pointDiff.y) / timeDiff,
+ speedX = Math.abs(pointDiff.x) / timeDiff;
+
+ this.moved = false;
+ // console.log(pointDiff.x + ' ' + touchDistance.x + ' ' + this.current.x + ' ' + this.last.x);
+
+ // if we didn't *really* flick, then don't keep on scrolling
+ if (touchDistance.y <= 5 && touchDistance.x <= 5) {
+ if (this.isOutOfBounds(this.current)) {
+ this.current.keepInBounds(this.min, this.max);
+ this.duration = 0.3;
+ this.moveTo(this.current);
+ }
+ return;
+ }
+
+ this.current.y = this.current.y + (pointDiff.y * timeDiff);
+ this.current.x = this.current.x + (pointDiff.x * timeDiff);
+
+ // limit the distance it can scroll out of bounds so it doesn't fly off the screen
+ this.keepOnScreen();
+
+ // base the duration on wether or not the the last coordinate was out of bounds
+ if (this.isOutOfBounds(this.last)) {
+ this.duration = 0.3;
+ } else {
+ var adjustedPointDiff = new Point(this.current).subtract(this.last).abs();
+ this.duration = speedY > speedX ?
+ (adjustedPointDiff.y / (speedY/2)*3)/1000:
+ (adjustedPointDiff.x / (speedX/2)*3)/1000;
+ }
+
+ // if we are heading out of bounds, snap back
+ if (this.isOutOfBounds(this.current)) {
+ var self = this;
+ this.target.addEventListener('webkitTransitionEnd', function snap() {
+ self.target.removeEventListener('webkitTransitionEnd', snap, false);
+ self.duration = 0.3;
+ self.moveTo(self.current.keepInBounds(self.min, self.max));
+ }, false);
+ }
+
+ this.moveTo(this.current);
+ },
+
+ touchcancel: function(event) {
+ this.moved = false;
+ this.removeDocEvents();
+ },
+
+ moveTo: function(point) {
+ this.endPoint = point;
+ },
+
+ keepOnScreen: function() {
+ var extraYDistance = this.target.offsetHeight/5;
+ if (this.current.y > this.max.y+extraYDistance && this.last.y <= this.max.y) {
+ this.current.y = this.max.y + extraYDistance;
+ } else if (this.current.y < this.min.y-extraYDistance && this.last.y >= this.min.y) {
+ this.current.y = this.min.y - extraYDistance;
+ } else {
+ this.current.y = Math.min(Math.max(this.current.y, this.min.y), this.max.y);
+ }
+
+ var extraXDistance = this.target.offsetWidth/5;
+ if (this.current.x > this.max.x+extraXDistance && this.last.x <= this.max.x) {
+ this.current.x = this.max.x + extraXDistance;
+ } else if (this.current.x < this.min.x-extraXDistance && this.last.x >= this.min.x) {
+ this.current.x = this.min.x - extraXDistance;
+ } else {
+ this.current.x = Math.min(Math.max(this.current.x, this.min.x), this.max.x);
+ }
+ },
+
+ isOutOfBounds: function(point) {
+ return this.isYOutOfBounds(point) || this.isXOutOfBounds(point);
+ },
+
+ isYOutOfBounds: function(point) {
+ return point.y < this.min.y || point.y > this.max.y;
+ },
+
+ isXOutOfBounds: function(point) {
+ return point.x < this.min.x || point.x > this.max.x;
+ },
+
+ addResistance: function() {
+ // this feels icky :(
+ if (this.current.y < this.min.y || this.current.y > this.max.y) {
+ if (this.current.y > 0) {
+ this.current.y = this.current.y/3;
+ } else {
+ var overage = this.min.y - this.current.y;
+ this.current.y = this.current.y + (overage/1.5);
+ }
+ }
+
+ if (this.current.x < this.min.y || this.current.x > this.max.x) {
+ if (this.current.x > 0) {
+ this.current.x = this.current.x/3;
+ } else {
+ var overage = this.min.x - this.current.x;
+ this.current.x = this.current.x + (overage/1.5);
+ }
+ }
+ },
+
+ finishTransition: function() {
+ var transform = new WebKitCSSMatrix(window.getComputedStyle(this.target).webkitTransform);
+ point = new Point(transform.m41, transform.m42);
+
+ if (point.x != this.current.x || point.y != this.current.y) {
+ this.duration = 0;
+ this.current.copy(point);
+ this.moveTo(this.current);
+ }
+ },
+
+ addDocEvents: function() {
+ document.addEventListener(touchmove, this, false);
+ document.addEventListener(touchend, this, false);
+ document.addEventListener('touchcancel', this, false);
+ },
+
+ removeDocEvents: function() {
+ document.removeEventListener(touchmove, this, false);
+ document.removeEventListener(touchend, this, false);
+ document.removeEventListener('touchcancel', this, false);
+ }
+ };
+
+ Scrollable.prototype.mousedown = Scrollable.prototype.touchstart;
+ Scrollable.prototype.mousemove = Scrollable.prototype.touchmove;
+ Scrollable.prototype.mouseup = Scrollable.prototype.touchend;
+
+ // expose it globally
+ this.Scrollable = Scrollable;
+}).call(this);
BIN  _themes/jqt/img/activeButton.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  _themes/jqt/img/back_button.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  _themes/jqt/img/back_button_clicked.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  _themes/jqt/img/blueButton.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  _themes/jqt/img/button.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  _themes/jqt/img/button_clicked.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  _themes/jqt/img/chevron.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  _themes/jqt/img/chevron_circle.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  _themes/jqt/img/grayButton.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  _themes/jqt/img/greenButton.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  _themes/jqt/img/loading.gif
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  _themes/jqt/img/on_off.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  _themes/jqt/img/redButton.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  _themes/jqt/img/rowhead.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  _themes/jqt/img/toggle.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  _themes/jqt/img/toggleOn.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  _themes/jqt/img/toolbar.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  _themes/jqt/img/whiteButton.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
561 _themes/jqt/theme.css
@@ -0,0 +1,561 @@
+body, #jqt {
+ background: #000;
+ color: #ddd;
+}
+body > *, div#jqt > * {
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333), to(#5e5e65));
+}
+#jqt h1, #jqt h2 {
+ font: bold 18px "Helvetica Neue", Helvetica;
+ text-shadow: rgba(255,255,255,.2) 0 1px 1px;
+ color: #000;
+ margin: 10px 20px 5px;
+}
+/* @group Toolbar */
+#jqt .toolbar {
+ -webkit-box-sizing: border-box;
+ border-bottom: 1px solid #000;
+ padding: 10px;
+ height: 45px;
+ background: url(img/toolbar.png) #000000 repeat-x;
+ position: relative;
+}
+#jqt .black-translucent .toolbar {
+ margin-top: 20px;
+}
+div#jqt .toolbar > h1 {
+ position: absolute;
+ overflow: hidden;
+ left: 50%;
+ top: 10px;
+ line-height: 1em;
+ margin: 1px 0 0 -75px;
+ height: 40px;
+ font-size: 20px;
+ width: 150px;
+ font-weight: bold;
+ text-shadow: rgba(0,0,0,1) 0 -1px 1px;
+ text-align: center;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ color: #fff;
+}
+div#jqt.landscape .toolbar > h1 {
+ margin-left: -125px;
+ width: 250px;
+}
+#jqt .button, #jqt .back, #jqt .cancel, #jqt .add {
+ position: absolute;
+ overflow: hidden;
+ top: 8px;
+ right: 10px;
+ margin: 0;
+ border-width: 0 5px;
+ padding: 0 3px;
+ width: auto;
+ height: 30px;
+ line-height: 30px;
+ font-family: inherit;
+ font-size: 12px;
+ font-weight: bold;
+ color: #fff;
+ text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0;
+ text-overflow: ellipsis;
+ text-decoration: none;
+ white-space: nowrap;
+ background: none;
+ -webkit-border-image: url(img/button.png) 0 5 0 5;
+}
+#jqt .button.active, #jqt .cancel.active, #jqt .add.active {
+ -webkit-border-image: url(img/button_clicked.png) 0 5 0 5;
+ color: #aaa;
+}
+#jqt .blueButton {
+ -webkit-border-image: url(img/blueButton.png) 0 5 0 5;
+ border-width: 0 5px;
+}
+#jqt .back {
+ left: 6px;
+ right: auto;
+ padding: 0;
+ max-width: 55px;
+ border-width: 0 8px 0 14px;
+ -webkit-border-image: url(img/back_button.png) 0 8 0 14;
+}
+#jqt .back.active {
+ -webkit-border-image: url(img/back_button_clicked.png) 0 8 0 14;
+ color: #aaa;
+}
+#jqt .leftButton, #jqt .cancel {
+ left: 6px;
+ right: auto;
+}
+#jqt .add {
+ font-size: 24px;
+ line-height: 24px;
+ font-weight: bold;
+}
+#jqt .whiteButton,
+#jqt .grayButton, #jqt .redButton, #jqt .blueButton, #jqt .greenButton {
+ display: block;
+ border-width: 0 12px;
+ padding: 10px;
+ text-align: center;
+ font-size: 20px;
+ font-weight: bold;
+ text-decoration: inherit;
+ color: inherit;
+}
+
+#jqt .whiteButton.active, #jqt .grayButton.active, #jqt .redButton.active, #jqt .blueButton.active, #jqt .greenButton.active,
+#jqt .whiteButton:active, #jqt .grayButton:active, #jqt .redButton:active, #jqt .blueButton:active, #jqt .greenButton:active {
+ -webkit-border-image: url(img/activeButton.png) 0 12 0 12;
+}
+#jqt .whiteButton {
+ -webkit-border-image: url(img/whiteButton.png) 0 12 0 12;
+ text-shadow: rgba(255, 255, 255, 0.7) 0 1px 0;
+}
+#jqt .grayButton {
+ -webkit-border-image: url(img/grayButton.png) 0 12 0 12;
+ color: #FFFFFF;
+}
+
+#jqt .redButton {
+ -webkit-border-image: url(img/redButton.png) 0 12 0 12;
+ color: #FFFFFF;
+}
+
+#jqt .greenButton {
+ -webkit-border-image: url(img/greenButton.png) 0 12 0 12;
+ color: #FFFFFF;
+}
+
+
+/* @end */
+/* @group Lists */
+#jqt h1 + ul, #jqt h2 + ul, #jqt h3 + ul, #jqt h4 + ul, #jqt h5 + ul, #jqt h6 + ul {
+ margin-top: 0;
+}
+#jqt ul {
+ color: #aaa;
+ border: 1px solid #333333;
+ font: bold 18px "Helvetica Neue", Helvetica;
+ padding: 0;
+ margin: 15px 10px 17px 10px;
+}
+#jqt ul.rounded {
+ -webkit-border-radius: 8px;
+ -webkit-box-shadow: rgba(0,0,0,.3) 1px 1px 3px;
+}
+#jqt ul.rounded li:first-child, #jqt ul.rounded li:first-child a {
+ border-top: 0;
+ -webkit-border-top-left-radius: 8px;
+ -webkit-border-top-right-radius: 8px;
+}
+#jqt ul.rounded li:last-child, #jqt ul.rounded li:last-child a {
+ -webkit-border-bottom-left-radius: 8px;
+ -webkit-border-bottom-right-radius: 8px;
+}
+#jqt ul li {
+ color: #666;
+ border-top: 1px solid #333;
+ border-bottom: #555858;
+ list-style-type: none;
+ padding: 10px 10px 10px 10px;
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4c4d4e), to(#404142));
+ overflow: hidden;
+}
+#jqt ul li.arrow {
+ background-image: url(img/chevron.png), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4c4d4e), to(#404142));
+ background-position: right center;
+ background-repeat: no-repeat;
+}
+
+#jqt ul li.arrow a {
+ padding: 12px 22px 12px 10px;
+}
+
+#jqt ul li.forward {
+ background-image: url(img/chevron_circle.png), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4c4d4e), to(#404142));
+ background-position: right center;
+ background-repeat: no-repeat;
+}
+/* universal links on list */
+#jqt ul li a, #jqt li.img a + a {
+ color: #fff;
+ text-decoration: none;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden;
+ display: block;
+ padding: 12px 10px 12px 10px;
+ margin: -10px;
+ -webkit-tap-highlight-color: rgba(0,0,0,0);
+ text-shadow: rgba(0,0,0,.2) 0 1px 1px;
+}
+#jqt ul li a.active, #jqt ul li a.button {
+ background-color: #53b401;
+ color: #fff;
+}
+#jqt ul li a.active.loading {
+ background-image: url(img/loading.gif);
+ background-position: 95% center;
+ background-repeat: no-repeat;
+}
+#jqt ul li.arrow a.active {
+ background-image: url(img/chevron.png);
+ background-position: right center;
+ background-repeat: no-repeat;
+}
+#jqt ul li.forward a.active {
+ background-image: url(img/chevron_circle.png);
+ background-position: right center;
+ background-repeat: no-repeat;
+}
+#jqt ul li.img a + a {
+ margin: -10px 10px -20px -5px;
+ font-size: 17px;
+ font-weight: bold;
+}
+#jqt ul li.img a + a + a {
+ font-size: 14px;
+ font-weight: normal;
+ margin-left: -10px;
+ margin-bottom: -10px;
+ margin-top: 0;
+}
+#jqt ul li.img a + small + a {
+ margin-left: -5px;
+}
+#jqt ul li.img a + small + a + a {
+ margin-left: -10px;
+ margin-top: -20px;
+ margin-bottom: -10px;
+ font-size: 14px;
+ font-weight: normal;
+}
+#jqt ul li.img a + small + a + a + a {
+ margin-left: 0px !important;
+ margin-bottom: 0;
+}
+#jqt ul li a + a {
+ color: #000;
+ font: 14px "Helvetica Neue", Helvetica;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden;
+ display: block;
+ margin: 0;
+ padding: 0;
+}
+#jqt ul li a + a + a, #jqt ul li.img a + a + a + a, #jqt ul li.img a + small + a + a + a {
+ color: #666;
+ font: 13px "Helvetica Neue", Helvetica;
+ margin: 0;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden;
+ display: block;
+ padding: 0;
+}
+/*
+@end */
+/* @group Forms */
+#jqt ul.form li {
+ padding: 7px 10px;
+}
+#jqt ul.form li.error {
+ border: 2px solid red;
+}
+#jqt ul.form li.error + li.error {
+ border-top: 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: #777;
+ 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 select {
+ text-indent: 0px;
+ background: transparent url(img/chevron.png) no-repeat right center;
+ -webkit-appearance: textfield;
+ margin-left: -6px;
+ width: 104%;
+}
+#jqt ul li input[type="checkbox"], #jqt ul li input[type="radio"] {
+ margin: 0;
+ padding: 10px 10px;
+}
+#jqt ul li input[type="checkbox"]:after, #jqt ul li input[type="radio"]:after {
+ content: attr(title);
+ font: 17px "Helvetica Neue", Helvetica;
+ display: block;
+ width: 246px;
+ color: #777;
+ margin: -12px 0 0 17px;
+}
+/* @end */
+/* @group Mini Label */
+#jqt ul li small {
+ color: #64c114;
+ font: 17px "Helvetica Neue", Helvetica;
+ text-align: right;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden;
+ display: block;
+ width: 23%;
+ float: right;
+ padding: 0;
+}
+#jqt ul li.arrow small {
+ padding: 0 15px;
+}
+#jqt ul li small.counter {
+ font-size: 17px;
+ line-height: 13px;
+ font-weight: bold;
+ background: rgba(0,0,0,.15);
+ color: #fff;
+ -webkit-border-radius: 11px;
+ padding: 4px 10px 5px 10px;
+ display: block;
+ width: auto;
+ margin-top: -22px;
+ -webkit-box-shadow: rgba(255,255,255,.1) 0 1px 0;
+}
+#jqt ul li.arrow small.counter {
+ margin-right: 15px;
+}
+/* @end */
+/* @group Individual */
+#jqt ul.individual {
+ border: 0;
+ background: none;
+ clear: both;
+ overflow: hidden;
+ padding-bottom: 3px;
+ -webkit-box-shadow: none;
+}
+#jqt ul.individual li {
+ background: #4c4d4e;
+ border: 1px solid #333;
+ font-size: 14px;
+ text-align: center;
+ -webkit-border-radius: 8px;
+ -webkit-box-sizing: border-box;
+ width: 48%;
+ float: left;
+ display: block;
+ padding: 11px 10px 14px 10px;
+ -webkit-box-shadow: rgba(0,0,0,.2) 1px 1px 3px;