RubyGems - RubyApp - Versions diffs - 0.6.67 → 0.6.68 - Mend

RubyApp 0.6.67 → 0.6.68

Files changed (460) hide show

data/lib/ruby_app/resources/elements/mobile/document/jquery.mobile-1.1.0/demos/docs/pages/page-transitions.html DELETED Viewed

@@ -1,174 +0,0 @@
-<!DOCTYPE html>
-<html>
-	<head>
-	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<title>jQuery Mobile Docs - Transitions</title>
-	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile-1.1.0.css" />
-	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-	<script src="../../js/jquery.js"></script>
-	<script src="../../docs/_assets/js/jqm-docs.js"></script>
-	<script src="../../js/jquery.mobile-1.1.0.js"></script>
-</head>
-<body>
-	<div data-role="page" class="type-interior">
-		<div data-role="header" data-theme="f">
-		<h1>Transitions</h1>
-		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
-		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
-	</div><!-- /header -->
-	<div data-role="content">
-		<div class="content-primary">
-		<h2>Page transitions</h2>
-		<p>The jQuery Mobile framework includes a set of CSS-based transition effects that can be applied to any page link or form submission with Ajax navigation: </p>
-			<style>
-				table { width:100%; border-bottom:1px solid #ccc; border-collapse: collapse; }
-				th { text-align:left; }
-				th h3 { margin:.6em 0; }
-				th, td { vertical-align:top; border-top:1px solid #ccc; padding: 1px 3px; }
-				td .ui-btn { margin:.4em 0 .5em 0; }
-				td .ui-btn-inner { padding: .4em 15px; }
-			</style>
-		<table margin="0">
-			<tr>
-				<th><h3>fade</h3></th>
-				<td><a href="page-transitions-dialog.html" data-role="button" data-rel="dialog" data-transition="fade" data-inline="true">dialog</a></td>
-				<td><a href="page-transitions-page.html" data-role="button" data-transition="fade" data-inline="true">page</a></td>
-			</tr>
-			<tr>
-				<th><h3>pop</h3></th>
-				<td><a href="page-transitions-dialog.html" data-role="button" data-rel="dialog" data-transition="pop" data-inline="true">dialog</a></td>
-				<td><a href="page-transitions-page.html" data-role="button" data-transition="pop" data-inline="true">page</a></td>
-			</tr>
-			<tr>
-				<th><h3>flip</h3></th>
-				<td><a href="page-transitions-dialog.html" data-role="button" data-rel="dialog" data-transition="flip" data-inline="true">dialog</a></td>
-				<td><a href="page-transitions-page.html" data-role="button" data-transition="flip" data-inline="true">page</a></td>
-			</tr>
-			<tr>
-				<th><h3>turn</h3></th>
-				<td><a href="page-transitions-dialog.html" data-role="button" data-rel="dialog" data-transition="turn" data-inline="true">dialog</a></td>
-				<td><a href="page-transitions-page.html" data-role="button" data-transition="turn" data-inline="true">page</a></td>
-			</tr>
-			<tr>
-				<th><h3>flow</h3></th>
-				<td><a href="page-transitions-dialog.html" data-role="button" data-rel="dialog" data-transition="flow" data-inline="true">dialog</a></td>
-				<td><a href="page-transitions-page.html" data-role="button" data-transition="flow" data-inline="true">page</a></td>
-			</tr>
-			<tr>
-				<th><h3>slidefade</h3></th>
-				<td><a href="page-transitions-dialog.html" data-role="button" data-rel="dialog" data-transition="slidefade" data-inline="true">dialog</a></td>
-				<td><a href="page-transitions-page.html" data-role="button" data-transition="slidefade" data-inline="true">page</a></td>
-			</tr>
-			<tr>
-				<th><h3>slide</h3></th>
-				<td><a href="page-transitions-dialog.html" data-role="button" data-rel="dialog" data-transition="slide" data-inline="true">dialog</a></td>
-				<td><a href="page-transitions-page.html" data-role="button" data-transition="slide" data-inline="true">page</a></td>
-			</tr>
-			<tr>
-				<th><h3>slideup</h3></th>
-				<td><a href="page-transitions-dialog.html" data-role="button" data-rel="dialog" data-transition="slideup" data-inline="true">dialog</a></td>
-				<td><a href="page-transitions-page.html" data-role="button" data-transition="slideup" data-inline="true">page</a></td>
-			</tr>
-			<tr>
-				<th><h3>slidedown</h3></th>
-				<td><a href="page-transitions-dialog.html" data-role="button" data-rel="dialog" data-transition="slidedown" data-inline="true">dialog</a></td>
-				<td><a href="page-transitions-page.html" data-role="button" data-transition="slidedown" data-inline="true">page</a></td>
-			</tr>
-			<tr>
-				<th><h3>none</h3></th>
-				<td><a href="page-transitions-dialog.html" data-role="button" data-rel="dialog" data-transition="none" data-inline="true">dialog</a></td>
-				<td><a href="page-transitions-page.html" data-role="button" data-rel="dialog" data-transition="none" data-inline="true">page</a></td>
-			</tr>
-		</table>
-<p><strong>Only seeing fade transitions?</strong> To view all transition types, you must be on a browser that supports 3D transforms. By default, devices that lack 3D support (such as Android 2.x) will fallback to "fade" for all transition types. This behavior is configurable (see below).</p>
-<p><strong>Transitions were originally inspired by <a href="http://www.jqtouch.com/">jQtouch</a></strong> They've since been rebuilt, but props to David Kaneda and Jonathan Stark for the initial guidance.</p>
-	<h2>Setting a transition on a link or form submit</h2>
-	<p>By default, the framework applies a <strong>fade</strong> transition. To set a custom transition effect, add the <code>data-transition</code> attribute to the link. </p>
-<code><code>
-&lt;a href=&quot;index.html&quot; <strong>data-transition=&quot;pop&quot;</strong>&gt;I'll pop&lt;/a&gt;
-</code></code>
-		<p>When the Back button is pressed, the framework will automatically apply the reverse version of the transition that was used to show the page. To specify that the reverse version of a transition should be used, add the <code>data-direction="reverse"</code> attribute to a link.</p>
-		<h2>Global configuration of transitions</h2>
-		<p>Set the <code>defaultPageTransition</code> <a href="../api/globalconfig.html">global option</a> if you'd prefer a different default transition. Dialogs have a different option called <code>defaultDialogTransition</code> that can also set configured.</p>
-		<h2>Browser support and performance</h2>
-		<p>All transitions are built with CSS keyframe animations and include both <code>-webkit</code> vendor prefixed rules for iOS, Blackberry, Android, Safari and Chrome browsers and <code>-moz</code> rules for Firefox browsers. Support for keyframe animations and transition smoothness is determined by the browser version and hardware and will safely fall back to no transition if animations aren't supported. To proactively exclude transition in situations with poor performance, we exclude browsers that lack 3D transforms and provide a fallback transition and apply a max width for when transitions are applied.</p>
-		<h2>Defining fallback transitions for non-3D support</h2>
-		<p>By default, all transitions except fade require 3D transform support. Devices that lack 3D support will fall back to a fade transition, regardless of the transition specified. We do this to proactively exclude poorly-performing platforms like Android 2.x from advanced transitions and ensure they still have a smooth experience. Note that there are platforms such as Android 3.0 that technically support 3D transforms, but still have poor animation performance so this won't guarantee that every browser will be 100% flicker-free but we try to target this responsibly.</p>
-		<p>The fallback transition for browsers that don't support 3D transforms can be configured for each transition type, but by default we specify "fade" as the fallback. For example, this will set the fallback transition for the slideout transition to "none":</p>
-		<code>$.mobile.transitionFallbacks.slideout = "none"</code>
-		<h2>Setting a max width for transitions</h2>
-		<p>By default, transitions can be disabled (set to "none") when the window width is greater than a certain pixel width. This feature is useful because transitions can be distracting or perform poorly on larger screens. This value is configurable via the global option <code>$.mobile.maxTransitionWidth</code>, which defaults to <code>false</code>. The option accepts any number representing a pixel width or <code>false</code> value. If it's not <code>false</code>, the handler will use a "none" transition when the window width is wider than the specified value.</p>
-		<h2>Creating custom transitions</h2>
-		<p>jQuery Mobile allows for the addition of <a href="page-customtransitions.html">custom transitions</a> to the <code>$.mobile.transitionHandlers</code> dictionary so you can expand the selection of transitions on your site or app.
-				</div><!--/content-primary -->
-				<div class="content-secondary">
-					<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-							<h3>More in this section</h3>
-							<ul data-role="listview" data-theme="c" data-dividertheme="d">
-								<li data-role="list-divider">Pages &amp; Dialogs</li>
-								<li><a href="page-anatomy.html">Anatomy of a page</a></li>
-								<li><a href="page-template.html" data-ajax="false">Single page template</a></li>
-								<li><a href="multipage-template.html" data-ajax="false">Multi-page template</a></li>
-								<li><a href="page-titles.html">Page titles</a></li>
-								<li><a href="page-links.html">Linking pages</a></li>
-								<li data-theme="a"><a href="page-transitions.html">Page transitions</a></li>
-								<li><a href="page-dialogs.html">Dialogs</a></li>
-								<li><a href="page-cache.html">Prefetching &amp; caching pages</a></li>
-								<li><a href="page-navmodel.html">Ajax, hashes &amp; history</a></li>
-								<li><a href="page-dynamic.html">Dynamically injecting pages</a></li>
-								<li><a href="page-scripting.html">Scripting pages</a></li>
-								<li><a href="phonegap.html">PhoneGap apps</a></li>
-								<li><a href="touchoverflow.html">touchOverflow feature</a></li>
-								<li><a href="pages-themes.html">Theming pages</a></li>
-							</ul>
-					</div>
-				</div>
-			</div><!-- /content -->
-			<div data-role="footer" class="footer-docs" data-theme="c">
-					<p>&copy; 2011-12 The jQuery Foundation</p>
-			</div>
-			</div><!-- /page -->
-			</body>
-			</html>

data/lib/ruby_app/resources/elements/mobile/document/jquery.mobile-1.1.0/demos/docs/pages/pages-themes.html DELETED Viewed

@@ -1,150 +0,0 @@
-<!DOCTYPE html>
-<html>
-	<head>
-	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<title>jQuery Mobile Docs - Theming Pages</title>
-	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile-1.1.0.css" />
-	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-	<script src="../../js/jquery.js"></script>
-	<script src="../../docs/_assets/js/jqm-docs.js"></script>
-	<script src="../../js/jquery.mobile-1.1.0.js"></script>
-</head>
-<body>
-	<div data-role="page" class="type-interior">
-		<div data-role="header" data-theme="f">
-		<h1>Theming pages</h1>
-		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
-		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
-	</div><!-- /header -->
-	<div data-role="content">
-		<div class="content-primary">
-			<ul data-role="controlgroup" data-type="horizontal" class="localnav">
-				<li><a href="pages-themes.html" data-role="button" data-transition="fade" class="ui-btn-active">Theme Overview</a></li>
-				<li><a href="pages-themes/theme-a.html" data-role="button" data-transition="fade">A&nbsp;</a></li>
-				<li><a href="pages-themes/theme-b.html" data-role="button" data-transition="fade">B&nbsp;</a></li>
-				<li><a href="pages-themes/theme-c.html" data-role="button" data-transition="fade">C&nbsp;</a></li>
-				<li><a href="pages-themes/theme-d.html" data-role="button" data-transition="fade">D&nbsp;</a></li>
-				<li><a href="pages-themes/theme-e.html" data-role="button" data-transition="fade">E&nbsp;</a></li>
-			</ul>
-			<h2>Page Theming</h2>
-			<p>jQuery Mobile has a rich <a href="../api/themes.html">theming system</a> that gives you full control of how pages are styled. There is detailed theming documentation within each page widget, but let's look at a few high-level examples of how theming is applied.</p>
-			<p>The <code> data-theme</code> attribute can be applied to the header and footer containers to apply any of the lettered theme color swatches. While the <code>data-theme</code> attribute could be added to the content container, we recommend adding it instead to <code>div</code> or container that has been assigned the <code> data-role="page"</code> attribute to ensure that the background color is applied to the full page. When this is done, all widgets on the page will also inherit the theme specified in the page container. However, headers and footers will default to theme "a". If you want to have a page with, for example, only theme "b" for all its elements, including its header and footer, you will need to specify <code>data-theme="b"</code> to the page <code>div</code> as well as the header and footer <code>divs</code>. </p>
-			<p>The default Theme mixes styles from multiple swatches to create visual texture and present the various elements in optimal contrast to one another:</p>
-			<div data-role="header">
-				<h1>Default Theme</h1>
-			</div>
-			<div class="ui-body ui-body-c">
-				<h3>Default Theme Content Header</h3>
-				<p>This is the default content color swatch and a preview of a <a href="#" class="ui-link">link</a>.</p>
-				<a href="#" data-role="button" data-inline="true">Button</a>
-			</div>
-			<p>And each of the five "swatches" applies its style consistently across all page elements, as shown below:</p>
-			<h2>Swatch A</h2>
-			<div data-role="header">
-				<h1>Header A</h1>
-			</div>
-			<div class="ui-body ui-body-a">
-				<h3>Header</h3>
-				<p>This is content color swatch "A" and a preview of a <a href="#" class="ui-link">link</a>.</p>
-				<a href="#" data-role="button" data-inline="true">Button</a>
-			</div>
-			<h2>Swatch B</h2>
-			<div data-role="header" data-theme="b">
-				<h1>Header B</h1>
-			</div>
-			<div class="ui-body ui-body-b">
-				<h3>Header</h3>
-				<p>This is content color swatch "B" and a preview of a <a href="#" class="ui-link">link</a>.</p>
-				<a href="#" data-role="button" data-inline="true">Button</a>
-			</div>
-			<h2>Swatch C</h2>
-			<div data-role="header" data-theme="c">
-				<h1>Header C</h1>
-			</div>
-			<div class="ui-body ui-body-c">
-				<h3>Header</h3>
-				<p>This is content color swatch "C" and a preview of a <a href="#" class="ui-link">link</a>.</p>
-				<a href="#" data-role="button" data-inline="true">Button</a>
-			</div>
-			<h2>Swatch D</h2>
-			<div data-role="header" data-theme="d">
-				<h1>Header D</h1>
-			</div>
-			<div class="ui-body ui-body-d">
-				<h3>Header</h3>
-				<p>This is content color swatch "D" and a preview of a <a href="#" class="ui-link">link</a>.</p>
-				<a href="#" data-role="button" data-inline="true">Button</a>
-			</div>
-			<h2>Swatch E</h2>
-			<div data-role="header" data-theme="e">
-				<h1>Header E</h1>
-			</div>
-			<div class="ui-body ui-body-e">
-				<h3>Header</h3>
-				<p>This is content color swatch "E" and a preview of a <a href="#" class="ui-link">link</a>.</p>
-				<a href="#" data-role="button" data-inline="true">Button</a>
-			</div>
-				</div><!--/content-primary -->
-				<div class="content-secondary">
-					<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-							<h3>More in this section</h3>
-							<ul data-role="listview" data-theme="c" data-dividertheme="d">
-								<li data-role="list-divider">Pages &amp; Dialogs</li>
-								<li><a href="page-anatomy.html">Anatomy of a page</a></li>
-								<li><a href="page-template.html" data-ajax="false">Single page template</a></li>
-								<li><a href="multipage-template.html" data-ajax="false">Multi-page template</a></li>
-								<li><a href="page-titles.html">Page titles</a></li>
-								<li><a href="page-links.html">Linking pages</a></li>
-								<li><a href="page-transitions.html">Page transitions</a></li>
-								<li><a href="page-dialogs.html">Dialogs</a></li>
-								<li><a href="page-cache.html">Prefetching &amp; caching pages</a></li>
-								<li><a href="page-navmodel.html">Ajax, hashes &amp; history</a></li>
-								<li><a href="page-dynamic.html">Dynamically injecting pages</a></li>
-								<li><a href="page-scripting.html">Scripting pages</a></li>
-								<li><a href="phonegap.html">PhoneGap apps</a></li>
-								<li><a href="touchoverflow.html">touchOverflow feature</a></li>
-								<li data-theme="a"><a href="pages-themes.html">Theming pages</a></li>
-							</ul>
-					</div>
-				</div>
-			</div><!-- /content -->
-			<div data-role="footer" class="footer-docs" data-theme="c">
-					<p>&copy; 2011-12 The jQuery Foundation</p>
-			</div>
-			</div><!-- /page -->
-			</body>
-			</html>

data/lib/ruby_app/resources/elements/mobile/document/jquery.mobile-1.1.0/demos/docs/pages/pages-themes/theme-a.html DELETED Viewed

@@ -1,163 +0,0 @@
-<!DOCTYPE html>
-<html>
-	<head>
-	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<title>jQuery Mobile Docs - Theming Pages</title>
-	<link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile-1.1.0.css" />
-	<link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
-	<script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
-	<script src="../../../js/jquery.js"></script>
-	<script src="../../../docs/_assets/js/jqm-docs.js"></script>
-	<script src="../../../js/jquery.mobile-1.1.0.js"></script>
-</head>
-<body>
-	<div data-role="page" class="type-interior" data-theme="a">
-		<div data-role="header">
-		<h1>Theming pages</h1>
-		<a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
-		<a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
-	</div><!-- /header -->
-	<div data-role="content">
-		<div class="content-primary">
-			<ul data-role="controlgroup" data-type="horizontal" class="localnav">
-				<li><a href="../pages-themes.html" data-role="button" data-transition="fade">Theme Overview</a></li>
-				<li><a href="theme-a.html" data-role="button" data-transition="fade" class="ui-btn-active">A&nbsp;</a></li>
-				<li><a href="theme-b.html" data-role="button" data-transition="fade">B&nbsp;</a></li>
-				<li><a href="theme-c.html" data-role="button" data-transition="fade">C&nbsp;</a></li>
-				<li><a href="theme-d.html" data-role="button" data-transition="fade">D&nbsp;</a></li>
-				<li><a href="theme-e.html" data-role="button" data-transition="fade">E&nbsp;</a></li>
-			</ul>
-			<h2>Theme A Sample Page</h2>
-			<p>This is an example of <code>data-theme="a"</code> applied to the same element as <code>data-role="page"</code>, showing how the theme is inherited by widgets throughout the page.</p>
-			<div data-role="fieldcontain">
-	         <label for="name-a">Text Input:</label>
-	         <input type="text" name="name" id="name-a" value=""  />
-			</div>
-			<div data-role="fieldcontain">
-				<label for="switch-a">Flip switch:</label>
-				<select name="switch-a" id="switch-a" data-role="slider">
-					<option value="off">Off</option>
-					<option value="on">On</option>
-				</select>
-			</div>
-			<div data-role="fieldcontain">
-				<label for="slider-a">Slider:</label>
-			 	<input type="range" name="slider" id="slider-a" value="0" min="0" max="100"  />
-			</div>
-			<div data-role="fieldcontain">
-			<fieldset data-role="controlgroup" data-type="horizontal">
-		    	<legend>Font styling:</legend>
-		    	<input type="checkbox" name="checkbox-6a" id="checkbox-6a" class="custom" />
-				<label for="checkbox-6a">b</label>
-				<input type="checkbox" name="checkbox-7a" id="checkbox-7a" class="custom" />
-				<label for="checkbox-7a"><em>i</em></label>
-				<input type="checkbox" name="checkbox-8a" id="checkbox-8a" class="custom" />
-				<label for="checkbox-8a">u</label>
-		    </fieldset>
-			</div>
-			<div data-role="fieldcontain">
-			    <fieldset data-role="controlgroup">
-			    	<legend>Choose a pet:</legend>
-			         	<input type="radio" name="radio-choice-1" id="radio-choice-1a" value="choice-1" />
-			         	<label for="radio-choice-1a">Cat</label>
-			         	<input type="radio" name="radio-choice-1" id="radio-choice-2a" value="choice-2"  />
-			         	<label for="radio-choice-2a">Dog</label>
-			         	<input type="radio" name="radio-choice-1" id="radio-choice-3a" value="choice-3"  />
-			         	<label for="radio-choice-3a">Hamster</label>
-			         	<input type="radio" name="radio-choice-1" id="radio-choice-4a" value="choice-4"  />
-			         	<label for="radio-choice-4a">Lizard</label>
-			    </fieldset>
-			</div>
-			<div data-role="fieldcontain">
-				<label for="select-choice-a" class="select">Choose shipping method:</label>
-				<select name="select-choice-a" id="select-choice-a">
-					<option value="standard">Standard: 7 day</option>
-					<option value="rush">Rush: 3 days</option>
-					<option value="express">Express: next day</option>
-					<option value="overnight">Overnight</option>
-				</select>
-			</div>
-			<h2>Collapsible Sets</h2>
-			<div data-role="collapsible-set">
-				<div data-role="collapsible" data-collapsed="false">
-					<h3>Section 1</h3>
-					<p>I'm the collapsible content in a set so this feels like an accordion. I'm visible by default because I have the <code>data-collapsed="false"</code> attribute; to collapse me, either click my header or expand another header in my set.</p>
-				</div>
-				<div data-role="collapsible">
-					<h3>Section 2</h3>
-					<p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>
-				</div>
-				<div data-role="collapsible">
-					<h3>Section 3</h3>
-					<p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>
-				</div>
-			</div>
-			<h2>Inset List</h2>
-			<ul data-role="listview" data-inset="true">
-				<li><a href="index.html">Inbox <span class="ui-li-count" >12</span></a></li>
-				<li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
-				<li><a href="index.html">Drafts <span class="ui-li-count">4</span></a></li>
-				<li><a href="index.html">Sent <span class="ui-li-count">328</span></a></li>
-				<li><a href="index.html">Trash <span class="ui-li-count">62</span></a></li>
-			</ul>
-				</div><!--/content-primary -->
-				<div class="content-secondary">
-					<div data-role="collapsible" data-collapsed="true" data-theme="a" data-content-theme="a">
-						<h3>More in this section</h3>
-						<ul data-role="listview" data-theme="a" data-dividertheme="a">
-							<li data-role="list-divider">Pages &amp; Dialogs</li>
-							<li><a href="../page-anatomy.html">Anatomy of a page</a></li>
-							<li><a href="../page-template.html" data-ajax="false">Single page template</a></li>
-							<li><a href="../multipage-template.html" data-ajax="false">Multi-page template</a></li>
-							<li><a href="../page-titles.html">Page titles</a></li>
-							<li><a href="../page-links.html">Linking pages</a></li>
-							<li><a href="../page-transitions.html" data-ajax="false">Page transitions</a></li>
-							<li><a href="../page-dialogs.html">Dialogs</a></li>
-							<li><a href="../page-cache.html">Prefetching &amp; caching pages</a></li>
-							<li><a href="../page-navmodel.html">Ajax, hashes &amp; history</a></li>
-							<li><a href="../page-dynamic.html">Dynamically Injecting Pages</a></li>
-							<li><a href="../page-scripting.html">Scripting pages</a></li>
-							<li data-theme="b"><a href="../pages-themes.html">Theming pages</a></li>
-						</ul>
-					</div>
-				</div>
-			</div><!-- /content -->
-			<div data-role="footer" class="footer-docs">
-					<p>&copy; 2011-12 The jQuery Foundation</p>
-			</div>
-			</div><!-- /page -->
-			</body>
-			</html>