Merge branch 'master' of github.com:jquery/jquery-mobile

docs/about/features.html

@@ -17,7 +17,7 @@
 			
 				<h2>Key features:</h2>
 				<ul>
-					<li><strong>Built on jQuery core</strong> for familiar and consistent jQuery syntax and APIs for minimal learning curve</li>
+					<li><strong>Built on jQuery core</strong> for familiar and consistent jQuery syntax and minimal learning curve</li>
 					<li><strong>Compatible with all major mobile  platforms</strong> - iOS, Android, Blackberry, Palm WebOS, Nokia/Symbian, Windows Mobile, bada, MeeGo with baseline support for all devices that understand HTML</li>
 					<li><strong>Lightweight size</strong> (9k compressed for all mobile functionality) and minimal image dependencies for speed.</li>
 					<li><strong>Markup-driven configuration</strong> of pages and behavior for fast development and minimal scripting </li>

docs/about/intro.html

@@ -19,6 +19,7 @@
 		<p>jQuery’s mobile strategy can be summarized simply: Delivering top-of-the-line JavaScript in a unified User Interface that works across the most-used smartphone web browsers and tablet form factors.</p>
 
 		<p>The critical difference with our approach is the <a href="platforms.html">wide variety of mobile platforms we’re targeting</a> with jQuery Mobile. We’ve been working hard at bringing jQuery support to all mobile browsers that are sufficiently-capable and have at least a nominal amount of market share. In this way, we’re treating mobile web browsers exactly how we treat desktop web browsers.</p>
+		
 		<p>To make this broad support possible, all pages in jQuery Mobile are built on a foundation of <strong>clean, semantic HTML</strong> to ensure compatibility with pretty much any web-enabled device. In devices that interpret CSS and JavaScript, jQuery Mobile applies <strong>progressive enhancement techniques</strong> to unobtrusively transform the semantic page into a rich, interactive experience that leverages the power of jQuery and CSS. <strong>Accessibility features</strong> such as WAI-ARIA are tightly integrated throughout the framework to provide support for screen readers and other assistive technologies.</p>
 			
 			

docs/content/content-collapsible.html

@@ -23,17 +23,23 @@
 		
 		<p>Directly inside this container, add any header element (H1-H6). The framework will style the header to look like a clickable button and add a "+" icon to the left to indicate it's expandable.</p>
 	
-		<p>After the heading, add any HTML markup you want to be collapsible. The framework will wrap all this markup in a container that will be hidden or shown when the heading is clicked.</p>
+		<p>After the header, add any HTML markup you want to be collapsible. The framework will wrap this markup in a container that will be hidden/shown when the heading is clicked.</p>
 
 	<pre><code>		
 	&lt;div data-role=&quot;collapsible&quot;&gt;
 	&lt;h3&gt;I&#x27;m a header&lt;/h3&gt;
-	&lt;p&gt;I&#x27;m the collapsible content.&lt;/p&gt;
+	&lt;p&gt;I&#x27;m the collapsible content. By default I'm open and displayed on the page, but you can click the header to hide me.&lt;/p&gt;
 	&lt;/div&gt;
 	</pre></code>	
 	
 
-		<p>By default, the content will be expanded. To collapse the content when the page loads, add the <code>data-state="collapsed"</code> attribute to the wrapper.</p>
+			<div data-role="collapsible">
+				<h3>I'm a header</h3>
+				<p>I'm the collapsible content. By default I'm open and displayed on the page, but you can click the header to hide me.</p>
+			</div>
+
+
+		<p>As the example notes, by default the content will be expanded. To collapse the content when the page loads, add the <code>data-state="collapsed"</code> attribute to the wrapper.</p>
 
 	<code>		
 	&lt;div data-role=&quot;collapsible&quot; <strong>data-state=&quot;collapsed&quot;&gt;</strong>
@@ -44,10 +50,10 @@
 
 			<div data-role="collapsible" data-state="collapsed">
 				<h3>I'm a header</h3>
-				<p>I'm the collapsible content.</p>
+				<p>I'm the collapsible content. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>
 			</div>
 	
-		<p>The collapsible content is minimally styled -- we just add a bit of margin between the bar and content but you can add custom styles to tweak the appearance of the collapsible container or heading button.</p>
+		<p>Collapsible content is minimally styled &mdash; we add only a bit of margin between the bar and content, and the header adopts the default Theme styles of the container it sits within.</p>
 
 		<h2>Collapsible example</h2>
 		<p>This page has 4 collapsible containers with different types of content inside.</p>

docs/content/content-grids.html

@@ -18,7 +18,9 @@
 
 	<div data-role="content">
 		
-		<p>Using multiple column layouts isn't generally recommended on a mobile device because of the narrow screen width, but there are times where you may need to place small elements side-by-side (like buttons or navigation tabs, for example). The jQuery Mobile framework provides a simple way to build CSS-based columns through a  block style class convention called <code>ui-grid</code>. </p>
+		<p>Using multiple column layouts isn't generally recommended on a mobile device because of the narrow screen width, but there are times where you may need to place small elements side-by-side (like buttons or navigation tabs, for example). </p>
+		
+		<p>The jQuery Mobile framework provides a simple way to build CSS-based columns through a  block style class convention called <code>ui-grid</code>. </p>
 		<p>There are two preset configurations layouts &mdash; two-column (using the <code>class</code> of <code>ui-grid-a</code>), and three-column (using the <code>class</code> of <code>ui-grid-b</code>) &mdash; that can be used in any situation that requires columns. Grids are 100% width, completely invisible (no borders or backgrounds) and don't have padding or margins, so they shouldn't interfere with the styles of elements placed inside them.</p>
 		
 		<h2>Two column grids</h2>
@@ -57,15 +59,15 @@
 	    </fieldset>
 	    
 	    
-	    <p>And, grid blocks can adopt presentation styles from the theming system &mdash; we've added a height and color swatch reference to the grid blocks.</p>
+	    <p>And, grid blocks can adopt presentation styles from the <a href="../themes/index.html">theming system</a> &mdash; by adding a height and color swatch reference to the grid blocks, we can achieve this style appearance:</p>
 			
 		<div class="ui-grid-a">
 			<div class="ui-block-a"><div class="ui-bar ui-bar-e" style="height:120px">Block A</div></div>
 			<div class="ui-block-b"><div class="ui-bar ui-bar-e" style="height:120px">Block B</div></div>
 		</div><!-- /grid-a -->
 
-		<h2>Three column grids</h2>
-		<p>There is a second grid for a 3 column layout (33/33/33%) that is similar in structure but uses <code>class=grid-b</code> on the parent and 3 child wrappers, each with <code>block-a/b/c</code> for the column child containers.</p>
+		<h2>Three-column grids</h2>
+		<p>The other grid layout configuration uses <code>class=ui-grid-b</code> on the parent, and 3 child container elements, each with its respective <code>ui-block-a/b/c</code> class, to create a three-column layout (33/33/33%).</p>
 	
 <pre><code>
 &lt;div class=&quot;ui-grid-a&quot;&gt;

docs/content/content-themes.html

@@ -18,13 +18,13 @@
 			
 			
 		<h2>Theming the content area</h2>
-		<p>The main content area of a page (container with the <code>data-role="content"</code> attribute) can be themed by adding the <code>data-theme</code> attribute to the <code>data-role="page"</code> container to ensure that the background colors are applied to the full page, regardless of the content length. If you add to the <code>data-theme</code> to the content container, the background color will stop after the content so there may be a gap in color between the content and fixed footer.</p>
+		<p>The main content area of a page (container with the <code>data-role="content"</code> attribute) should be themed by adding the <code>data-theme</code> attribute to the <code>data-role="page"</code> container to ensure that the background colors are applied to the full page, regardless of the content length. (If you add to the <code>data-theme</code> to the content container, the background color will stop after the content so there may be a gap in color between the content and fixed footer.)</p>
 		
 <code>
 &lt;div data-role=&quot;page&quot; <strong>data-theme=&quot;a&quot;</strong>&gt;
 </code>	
 		<h2>Theming collapsible blocks</h2>
-		<p>To set the color of the collapsible header, add the <code>data-theme</code> attribute to the collapsible container. The icon and body aren't currently themable through data attributes but can be styled directly with custom css.</p>
+		<p>To set the color of the collapsible header, add the <code>data-theme</code> attribute to the collapsible container. The icon and body are not currently themable through data attributes, but can be styled directly with custom css.</p>
 
 <code>		
 &lt;div data-role=&quot;collapsible&quot; data-state=&quot;collapsed&quot; <strong>data-theme=&quot;a&quot;&gt;</strong>

docs/events.html

@@ -9,13 +9,13 @@
 
 <div data-role="page">
 
-	<div data-role="header">
+	<div data-role="header" data-theme="b">
 		<h1>Events</h1>
 	</div><!-- /header -->
 
 	<div data-role="content">
 		
-			<p>To do...</p>
+			<p>Documentation is currently in-progress.</p>
 			
 	</div><!-- /content -->
 	

docs/lists/lists-inset.html

@@ -48,28 +48,24 @@
 					<img src="images/album-bb.jpg" />
 					<h3><a href="index.html">Broken Bells</a></h3>
 					<p>Broken Bells</p>
-					<p class="ui-li-aside">$<strong>11.99</strong></p>
 					<a href="index.html">Purchase album</a>
 				</li>
 				<li>
 					<img src="images/album-hc.jpg" />
 					<h3><a href="index.html">Warning</a></h3>
 					<p>Hot Chip</p>
-					<p class="ui-li-aside">$<strong>12.99</strong></p>
 					<a href="index.html">Purchase album</a>
 				</li>
 				<li>
 					<img src="images/album-p.jpg" />
 					<h3><a href="index.html">Wolfgang Amadeus Phoenix</a></h3>
 					<p>Phoenix</p>
-					<p class="ui-li-aside">$<strong>11.99</strong></p>
 					<a href="index.html">Purchase album</a>
 				</li>
 				<li>
 					<img src="images/album-ok.jpg" />
 					<h3><a href="index.html">Of The Blue Colour Of The Sky</a></h3>
 					<p>Ok Go</p>
-					<p class="ui-li-aside">$<strong>10.99</strong></p>
 					<a href="index.html">Purchase album</a>
 				</li>
 			</ul>

docs/lists/lists-split.html

@@ -21,56 +21,48 @@
 				<img src="images/album-bb.jpg" />
 				<h3><a href="index.html">Broken Bells</a></h3>
 				<p>Broken Bells</p>
-				<p class="ui-li-aside">$<strong>11.99</strong></p>
 				<a href="index.html">Purchase album</a>
 			</li>
 			<li>
 				<img src="images/album-hc.jpg" />
 				<h3><a href="index.html">Warning</a></h3>
 				<p>Hot Chip</p>
-				<p class="ui-li-aside">$<strong>12.99</strong></p>
 				<a href="index.html">Purchase album</a>
 			</li>
 			<li>
 				<img src="images/album-p.jpg" />
 				<h3><a href="index.html">Wolfgang Amadeus Phoenix</a></h3>
 				<p>Phoenix</p>
-				<p class="ui-li-aside">$<strong>11.99</strong></p>
 				<a href="index.html">Purchase album</a>
 			</li>
 			<li>
 				<img src="images/album-ok.jpg" />
 				<h3><a href="index.html">Of The Blue Colour Of The Sky</a></h3>
 				<p>Ok Go</p>
-				<p class="ui-li-aside">$<strong>10.99</strong></p>
 				<a href="index.html">Purchase album</a>
 			</li>
 			<li>
 				<img src="images/album-ws.jpg" />
 				<h3><a href="index.html">Elephant</a></h3>
 				<p>The White Stripes</p>
-				<p class="ui-li-aside">$<strong>9.99</strong></p>
 				<a href="index.html">Purchase album</a>
 			</li>
 			<li>
 				<img src="images/album-rh.jpg" />
 				<h3><a href="index.html">Kid A</a></h3>
 				<p>Radiohead</p>
-				<p class="ui-li-aside">$<strong>11.99</strong></p>
 				<a href="index.html">Purchase album</a>
 			</li>
 			<li>
 				<img src="images/album-xx.jpg" />
 				<h3><a href="index.html">XX</a></h3>
 				<p>XX</p>
-				<p class="ui-li-aside">$<strong>10.99</strong></p>
 				<a href="index.html">Purchase album</a>
 			</li>
 			<li>
 				<img src="images/album-mg.jpg" />
 				<h3><a href="index.html">Congratulations</a></h3>
 				<p>MGMT</p>
-				<p class="ui-li-aside">$<strong>12.99</strong></p>
 				<a href="index.html">Purchase album</a>
 			</li>
 			
@@ -78,7 +70,6 @@
 				<img src="images/album-ag.jpg" />
 				<h3><a href="index.html">Ashes Grammar</a></h3>
 				<p>A Sunny Day in Glasgow</p>
-				<p class="ui-li-aside">$<strong>11.99</strong></p>
 				<a href="index.html">Purchase album</a>
 			</li>
 			
@@ -86,14 +77,12 @@
 				<img src="images/album-k.jpg" />
 				<h3><a href="index.html">Hot Fuss</a></h3>
 				<p>Killers</p>
-				<p class="ui-li-aside">$<strong>12.99</strong></p>
 				<a href="index.html">Purchase album</a>
 			</li>
 			<li>	
 				<img src="images/album-af.jpg" />
 				<h3><a href="index.html">The Suburbs</a></h3>
 				<p>Arcade Fire</p>
-				<p class="ui-li-aside">$<strong>12.99</strong></p>
 				<a href="index.html">Purchase album</a>
 			</li>
 		</ul>

docs/lists/lists-themes.html

@@ -82,14 +82,12 @@
 				<img src="images/album-bb.jpg" />
 				<h3><a href="index.html">Broken Bells</a></h3>
 				<p>Broken Bells</p>
-				<p class="ui-li-aside">$<strong>11.99</strong></p>
 				<a href="index.html">Purchase album</a>
 			</li>
 			<li>
 				<img src="images/album-hc.jpg" />
 				<h3><a href="index.html">Warning</a></h3>
 				<p>Hot Chip</p>
-				<p class="ui-li-aside">$<strong>12.99</strong></p>	
 				<a href="index.html">Purchase album</a>
 			</li>
 		</ul>
@@ -103,14 +101,12 @@
 				<img src="images/album-bb.jpg" />
 				<h3><a href="index.html">Broken Bells</a></h3>
 				<p>Broken Bells</p>
-				<p class="ui-li-aside">$<strong>11.99</strong></p>
 				<a href="index.html">Purchase album</a>
 			</li>
 			<li>
 				<img src="images/album-hc.jpg" />
 				<h3><a href="index.html">Warning</a></h3>
 				<p>Hot Chip</p>
-				<p class="ui-li-aside">$<strong>12.99</strong></p>	
 				<a href="index.html" data-theme="e">Purchase album</a>
 			</li>
 		</ul>
@@ -126,14 +122,12 @@
 				<img src="images/album-bb.jpg" />
 				<h3><a href="index.html">Broken Bells</a></h3>
 				<p>Broken Bells</p>
-				<p class="ui-li-aside">$<strong>11.99</strong></p>
 				<a href="index.html">Purchase album</a>
 			</li>
 			<li>
 				<img src="images/album-hc.jpg" />
 				<h3><a href="index.html">Warning</a></h3>
 				<p>Hot Chip</p>
-				<p class="ui-li-aside">$<strong>12.99</strong></p>	
 				<a href="index.html" data-theme="e" data-icon="delete">Purchase album</a>
 			</li>
 		</ul>

docs/lists/lists-thumbnails.html

@@ -21,69 +21,58 @@
 				<img src="images/album-bb.jpg" />
 				<h3><a href="index.html">Broken Bells</a></h3>
 				<p>Broken Bells</p>
-				<p class="ui-li-aside">$<strong>11.99</strong></p>
 			</li>
 			<li>
 				<img src="images/album-hc.jpg" />
 				<h3><a href="index.html">Warning</a></h3>
 				<p>Hot Chip</p>
-				<p class="ui-li-aside">$<strong>12.99</strong></p>
 			</li>
 			<li>
 				<img src="images/album-p.jpg" />
 				<h3><a href="index.html">Wolfgang Amadeus Phoenix</a></h3>
 				<p>Phoenix</p>
-				<p class="ui-li-aside">$<strong>11.99</strong></p>
 			</li>
 			<li>
 				<img src="images/album-ok.jpg" />
 				<h3><a href="index.html">Of The Blue Colour Of The Sky</a></h3>
 				<p>Ok Go</p>
-				<p class="ui-li-aside">$<strong>10.99</strong></p>
 			</li>
 			<li>
 				<img src="images/album-ws.jpg" />
 				<h3><a href="index.html">Elephant</a></h3>
 				<p>The White Stripes</p>
-				<p class="ui-li-aside">$<strong>9.99</strong></p>
 			</li>
 			<li>
 				<img src="images/album-rh.jpg" />
 				<h3><a href="index.html">Kid A</a></h3>
 				<p>Radiohead</p>
-				<p class="ui-li-aside">$<strong>11.99</strong></p>
 			</li>
 			<li>
 				<img src="images/album-xx.jpg" />
 				<h3><a href="index.html">XX</a></h3>
 				<p>XX</p>
-				<p class="ui-li-aside">$<strong>10.99</strong></p>
 			</li>
 			<li>
 				<img src="images/album-mg.jpg" />
 				<h3><a href="index.html">Congratulations</a></h3>
 				<p>MGMT</p>
-				<p class="ui-li-aside">$<strong>12.99</strong></p>
 			</li>
 			
 			<li>
 				<img src="images/album-ag.jpg" />
 				<h3><a href="index.html">Ashes Grammar</a></h3>
 				<p>A Sunny Day in Glasgow</p>
-				<p class="ui-li-aside">$<strong>11.99</strong></p>
 			</li>
 			
 			<li>
 				<img src="images/album-k.jpg" />
 				<h3><a href="index.html">Hot Fuss</a></h3>
 				<p>Killers</p>
-				<p class="ui-li-aside">$<strong>12.99</strong></p>
 			</li>
 			<li>	
 				<img src="images/album-af.jpg" />
 				<h3><a href="index.html">The Suburbs</a></h3>
 				<p>Arcade Fire</p>
-				<p class="ui-li-aside">$<strong>12.99</strong></p>
 			</li>
 		</ul>
 

docs/toolbars/footer-persist-b.html

@@ -20,56 +20,48 @@
 					<img src="../lists/images/album-bb.jpg" />
 					<h3><a href="index.html">Broken Bells</a></h3>
 					<p>Broken Bells</p>
-					<p class="ui-li-aside">$<strong>11.99</strong></p>
 					<a href="index.html">Purchase album</a>
 				</li>
 				<li>
 					<img src="../lists/images/album-hc.jpg" />
 					<h3><a href="index.html">Warning</a></h3>
 					<p>Hot Chip</p>
-					<p class="ui-li-aside">$<strong>12.99</strong></p>
 					<a href="index.html">Purchase album</a>
 				</li>
 				<li>
 					<img src="../lists/images/album-p.jpg" />
 					<h3><a href="index.html">Wolfgang Amadeus Phoenix</a></h3>
 					<p>Phoenix</p>
-					<p class="ui-li-aside">$<strong>11.99</strong></p>
 					<a href="index.html">Purchase album</a>
 				</li>
 				<li>
 					<img src="../lists/images/album-ok.jpg" />
 					<h3><a href="index.html">Of The Blue Colour Of The Sky</a></h3>
 					<p>Ok Go</p>
-					<p class="ui-li-aside">$<strong>10.99</strong></p>
 					<a href="index.html">Purchase album</a>
 				</li>
 				<li>
 					<img src="../lists/images/album-ws.jpg" />
 					<h3><a href="index.html">Elephant</a></h3>
 					<p>The White Stripes</p>
-					<p class="ui-li-aside">$<strong>9.99</strong></p>
 					<a href="index.html">Purchase album</a>
 				</li>
 				<li>
 					<img src="../lists/images/album-rh.jpg" />
 					<h3><a href="index.html">Kid A</a></h3>
 					<p>Radiohead</p>
-					<p class="ui-li-aside">$<strong>11.99</strong></p>
 					<a href="index.html">Purchase album</a>
 				</li>
 				<li>
 					<img src="../lists/images/album-xx.jpg" />
 					<h3><a href="index.html">XX</a></h3>
 					<p>XX</p>
-					<p class="ui-li-aside">$<strong>10.99</strong></p>
 					<a href="index.html">Purchase album</a>
 				</li>
 				<li>
 					<img src="../lists/images/album-mg.jpg" />
 					<h3><a href="index.html">Congratulations</a></h3>
 					<p>MGMT</p>
-					<p class="ui-li-aside">$<strong>12.99</strong></p>
 					<a href="index.html">Purchase album</a>
 				</li>
 
@@ -77,7 +69,6 @@
 					<img src="../lists/images/album-ag.jpg" />
 					<h3><a href="index.html">Ashes Grammar</a></h3>
 					<p>A Sunny Day in Glasgow</p>
-					<p class="ui-li-aside">$<strong>11.99</strong></p>
 					<a href="index.html">Purchase album</a>
 				</li>
 
@@ -85,14 +76,12 @@
 					<img src="../lists/images/album-k.jpg" />
 					<h3><a href="index.html">Hot Fuss</a></h3>
 					<p>Killers</p>
-					<p class="ui-li-aside">$<strong>12.99</strong></p>
 					<a href="index.html">Purchase album</a>
 				</li>
 				<li>	
 					<img src="../lists/images/album-af.jpg" />
 					<h3><a href="index.html">The Suburbs</a></h3>
 					<p>Arcade Fire</p>
-					<p class="ui-li-aside">$<strong>12.99</strong></p>
 					<a href="index.html">Purchase album</a>
 				</li>
 			</ul>

docs/toolbars/index.html

@@ -24,7 +24,6 @@
 			<li><a href="docs-footers.html">Footer bars</a></li>
 			<li><a href="bars-fixed.html">Fixed positioning</a></li>
 			<li><a href="bars-fullscreen.html">Fullscreen positioning</a></li>
-			<li><a href="navbar.html">Nav bar widget</a></li>
 			<li><a href="footer-persist-a.html">Persistent footer nav bar</a></li>
 			<li><a href="bars-themes.html">Theming toolbars</a></li>
 			<!--<li><a href="api-bars.html">API documentation</a></li>-->

docs/toolbars/navbar.html

@@ -1,85 +0,0 @@
-<!DOCTYPE html> 
-<html> 
-	<head> 
-	<title>jQuery Mobile Framework - navbar Example</title> 
-	<link rel="stylesheet"  href="../../themes/default" /> 
-	<script type="text/javascript" src="../../js/all"></script>
-</head> 
-<body> 
-
-<div data-role="page">
-	<div data-role="header">
-		<h1>Navbar Example</h1>
-		
-		<div data-role="navbar">
-			<ul>
-				<li><a href="bars-fixed.html">Fixed</a></li>
-				<li><a href="bars-inline.html">Inline</a></li>
-				<li><a href="bars-fullscreen.html">Fullscreen</a></li>
-			</ul>
-		</div><!-- /navbar -->
-	</div><!-- /header -->
-	
-	<div data-role="content">
-						<h1>Nav bar widget</h1>
-						
-						
-				<p>The Nav Bar widget can be added anywhere in a page &mdash; header, content, or footer region &mdash; to provide a navigation bar that accommodates an unlimited number of options in a compact layout.</p> 
-						
-				<p>The Nav Bar is structured as a 3-column element; it displays up to 3 items per row in a horizontal bar with out without icons. (If more than 3 items are in the navigation list, the nav bar displays a second row with option slots.) </p>
-						
-						<p>The markup for a nav bar is identical to a basic linked list view: an unordered list with a link in each item and an optional icon. This markup is transformed into a nav bar by adding a <code>data-role="navbar"</code> attribute to the list.</p>
-						
-<pre><code>
-&lt;div data-role=&quot;navbar&quot;&gt;
-	&lt;ul&gt;
-		&lt;li&gt;&lt;a href=&quot;bars-fixed.html&quot;&gt;Fixed&lt;/a&gt;&lt;/li&gt;
-		&lt;li&gt;&lt;a href=&quot;bars-inline.html&quot;&gt;Inline&lt;/a&gt;&lt;/li&gt;
-		&lt;li&gt;&lt;a href=&quot;bars-fullscreen.html&quot;&gt;Fullscreen&lt;/a&gt;&lt;/li&gt;
-		&lt;li&gt;&lt;a href=&quot;bars-persist.html&quot;&gt;Persistent&lt;/a&gt;&lt;/li&gt;
-		&lt;li&gt;&lt;a href=&quot;bars-themes.html&quot;&gt;Themes&lt;/a&gt;&lt;/li&gt;
-	&lt;/ul&gt;
-&lt;/div&gt;&lt;!-- /navbar --&gt;
-</pre></code>
-					
-		<p>The markup above creates a two-row nav bar element in the body of the page, like this:</p>
-					
-					
-		<div data-role="navbar">
-			<ul>
-				<li><a href="index.html">Toolbar basics</a></li>
-				<li><a href="bars-fixed.html">Fixed</a></li>
-				<li><a href="bars-inline.html">Inline</a></li>
-				<li><a href="bars-fullscreen.html">Fullscreen</a></li>
-				<li><a href="bars-persist.html">Persistent</a></li>
-				<li><a href="bars-themes.html">Themes</a></li>
-			</ul>
-		</div><!-- /navbar -->
-
-					
-					<p>The navbar can be added inside the header or footer bar; if you want it to persist, simply add a <code>data-position="fixed"</code> attribute to the header or footer <code>div</code> container.</p>
-						
-
-
-	</div><!-- /content-->
-
-	<div data-role="footer">
-		<div data-role="navbar">
-			<ul>
-				<li><a href="bars-fixed.html">Fixed</a></li>
-				<li><a href="bars-inline.html">Inline</a></li>
-				<li><a href="bars-fullscreen.html">Fullscreen</a></li>
-			</ul>
-		</div><!-- /navbar -->
-	</div><!-- /footer -->
-		
-
-
-</div><!-- /page -->
-
-
-
-
-
-</body>
-</html>

themes/default/jquery.mobile.core.css

@@ -24,7 +24,7 @@
 .ui-loading, .ui-loading body { overflow: hidden !important; }
 .ui-loading .ui-loader { display: block; }
 .ui-loading .ui-page { overflow: hidden;  }
-.ui-loader { display: none; position: absolute; opacity: .85; z-index: 10; top: 75px; left: 50%; width: 200px; margin-left: -130px; padding: 20px 30px; }
+.ui-loader { display: none; position: absolute; opacity: .7; z-index: 10; top: 75px; left: 50%; width: 200px; margin-left: -130px; padding: 20px 30px; }
 .ui-loader h1 { font-size: 15px; text-align: center; }
 .ui-loader .ui-icon { position: static; display: block; opacity: .9; margin: 0 auto; width: 35px; height: 35px; background-color: transparent; }
 
@@ -50,4 +50,4 @@
 .ui-fullscreen img { max-width: 100%; }
 
 /* non-js content hiding */
-.ui-nojs { position: absolute; left: -9999px; }
+.ui-nojs { position: absolute; left: -9999px; }