From 46622fde5808efe3ebf2bb474c0a45b699c57b56 Mon Sep 17 00:00:00 2001
From: scottjehl <scott@scottjehl.com>
Date: Mon, 20 Jun 2011 10:49:01 -0400
Subject: [PATCH] more updates to docs

---
 docs/_assets/css/jqm-docs.css | 27 ++++++++++++++-----
 docs/about/accessibility.html | 50 ++++++++++++++---------------------
 docs/about/features.html      | 16 +----------
 docs/about/intro.html         | 19 +++----------
 docs/about/platforms.html     | 17 ++----------
 5 files changed, 47 insertions(+), 82 deletions(-)

diff --git a/docs/_assets/css/jqm-docs.css b/docs/_assets/css/jqm-docs.css
index a1a62479..f12d4a33 100644
--- a/docs/_assets/css/jqm-docs.css
+++ b/docs/_assets/css/jqm-docs.css
@@ -107,6 +107,9 @@ p.intro {
 		padding: 0;
 		background: url(../images/px-ccc.gif) 50% 0 repeat-y;
 	}
+	.type-interior .ui-content {
+		background-position: 45%;
+	}
 	.content-secondary {
 		text-align: left;
 		float: left;
@@ -138,7 +141,10 @@ p.intro {
 		position: absolute;
 		left: -9999px;
 	}
-	
+	.type-interior .content-primary {
+		padding: 0 6% 3em 0;
+		margin: 0;
+	}
 	/* fix up the collapsibles - expanded on desktop */
 	.content-secondary .ui-collapsible-heading {
 		display: none;
@@ -153,8 +159,8 @@ p.intro {
 	}
 	
 	.type-interior .content-secondary {
-		margin-bottom: 0;
-		margin-top: 0;
+		margin: 0;
+		padding: 0;
 	}
 	
 }
@@ -170,24 +176,33 @@ p.intro {
 		width: 56%;
 		padding-right: 1%;
 	}	
+	.type-interior .ui-content {
+		background-position: 34%;
+	}
 }
 
 @media all and (min-width: 1200px){
-	.type-home .ui-content,
-	.type-interior .ui-content {
+	.type-home .ui-content{
 		background-position: 38.5%;
 	}
+	.type-interior .ui-content {
+		background-position: 30%;
+	}
 	.content-secondary {
 		width: 30%;
 		padding-right:6%;
 		margin: 30px 0 20px 5%;
 	}
 	.type-interior .content-secondary {
-		margin: 0 0 0 5%;
+		margin: 0;
+		padding: 0;
 	}
 	.content-primary {
 		width: 50%;
 		margin-right: 5%;
 		padding-right: 3%;
 	}
+	.type-interior .content-primary {
+		width: 60%;
+	}
 }
\ No newline at end of file
diff --git a/docs/about/accessibility.html b/docs/about/accessibility.html
index b197f3bc..061a109d 100755
--- a/docs/about/accessibility.html
+++ b/docs/about/accessibility.html
@@ -20,6 +20,25 @@
 
 	<div data-role="content">
 		
+		<div class="content-secondary">
+
+			<div data-role="collapsible" data-collapsed="true" data-theme="b">
+
+					<h3>Demos &amp; Docs Sections</h3>
+
+					<ul data-role="listview" data-theme="c" data-dividertheme="d">
+						<li data-role="list-divider">Overview</li>
+						<li><a href="../../docs/about/intro.html">Intro to jQuery Mobile</a></li>
+						<li><a href="../../docs/about/features.html">Features</a></li>
+						<li data-theme="a"><a href="../../docs/about/accessibility.html">Accessibility</a></li>
+						<li><a href="../../docs/about/platforms.html">Supported platforms</a></li>
+
+					
+					</ul>
+			</div>
+		</div>
+		
+		
 		<div class="content-primary">
 			
 			<h2>Accessibility</h2>
@@ -31,36 +50,7 @@
 			
 			</div>		
 
-			<div class="content-secondary">
-
-				<div data-role="collapsible" data-collapsed="true" data-theme="b">
-
-						<h3>Demos &amp; Docs Sections</h3>
-
-						<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
-							<li data-role="list-divider">Overview</li>
-							<li><a href="../../docs/about/intro.html">Intro to jQuery Mobile</a></li>
-							<li><a href="../../docs/about/features.html">Features</a></li>
-							<li data-theme="a"><a href="../../docs/about/accessibility.html">Accessibility</a></li>
-							<li><a href="../../docs/about/platforms.html">Supported platforms</a></li>
-
-							<li data-role="list-divider">API</li>
-							<li><a href="../../docs/api/globalconfig.html">Configuring defaults</a></li>
-							<li><a href="../../docs/api/events.html">Events</a></li>
-							<li><a href="../../docs/api/methods.html">Methods &amp; Utilities</a></li>
-							<li><a href="../../docs/api/mediahelpers.html">Responsive Layout</a></li> 
-							<li><a href="../../docs/api/themes.html">Theme framework</a></li>
-
-							<li data-role="list-divider">Components</li>
-							<li><a href="../../docs/pages/index.html">Pages &amp; dialogs</a></li>
-							<li><a href="../../docs/toolbars/index.html">Toolbars</a></li>
-							<li><a href="../../docs/buttons/index.html">Buttons</a></li>
-							<li><a href="../../docs/content/index.html">Content formatting</a></li>
-							<li><a href="../../docs/forms/index.html">Form elements</a></li>
-							<li><a href="../../docs/lists/index.html">List views</a></li>
-						</ul>
-				</div>
-			</div>		
+				
 
 		</div><!-- /content -->
 
diff --git a/docs/about/features.html b/docs/about/features.html
index 1001fbfb..d9330fa0 100755
--- a/docs/about/features.html
+++ b/docs/about/features.html
@@ -45,27 +45,13 @@
 
 					<h3>Demos &amp; Docs Sections</h3>
 
-					<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
+					<ul data-role="listview" data-theme="c" data-dividertheme="b">
 						<li data-role="list-divider">Overview</li>
 						<li><a href="../../docs/about/intro.html">Intro to jQuery Mobile</a></li>
 						<li data-theme="a"><a href="../../docs/about/features.html">Features</a></li>
 						<li><a href="../../docs/about/accessibility.html">Accessibility</a></li>
 						<li><a href="../../docs/about/platforms.html">Supported platforms</a></li>
 
-						<li data-role="list-divider">API</li>
-						<li><a href="../../docs/api/globalconfig.html">Configuring defaults</a></li>
-						<li><a href="../../docs/api/events.html">Events</a></li>
-						<li><a href="../../docs/api/methods.html">Methods &amp; Utilities</a></li>
-						<li><a href="../../docs/api/mediahelpers.html">Responsive Layout</a></li> 
-						<li><a href="../../docs/api/themes.html">Theme framework</a></li>
-
-						<li data-role="list-divider">Components</li>
-						<li><a href="../../docs/pages/index.html">Pages &amp; dialogs</a></li>
-						<li><a href="../../docs/toolbars/index.html">Toolbars</a></li>
-						<li><a href="../../docs/buttons/index.html">Buttons</a></li>
-						<li><a href="../../docs/content/index.html">Content formatting</a></li>
-						<li><a href="../../docs/forms/index.html">Form elements</a></li>
-						<li><a href="../../docs/lists/index.html">List views</a></li>
 					</ul>
 			</div>
 		</div>		
diff --git a/docs/about/intro.html b/docs/about/intro.html
index d5fcc84f..c91352a8 100755
--- a/docs/about/intro.html
+++ b/docs/about/intro.html
@@ -34,7 +34,7 @@
 			
 		<img src="../_assets/images/ipad-palm.png" alt="Smartphone and tablet designs" style="max-width:100%; margin-top:20px;">
 
-		</div><!--/content-secondary -->		
+		</div><!--/content-primary -->		
 		
 		<div class="content-secondary">
 			
@@ -42,27 +42,14 @@
 				
 					<h3>Demos &amp; Docs Sections</h3>
 					
-					<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
+					<ul data-role="listview"  data-theme="c" data-dividertheme="b">
 						<li data-role="list-divider">Overview</li>
 						<li data-theme="a"><a href="../../docs/about/intro.html">Intro to jQuery Mobile</a></li>
 						<li><a href="../../docs/about/features.html">Features</a></li>
 						<li><a href="../../docs/about/accessibility.html">Accessibility</a></li>
 						<li><a href="../../docs/about/platforms.html">Supported platforms</a></li>
 
-						<li data-role="list-divider">API</li>
-						<li><a href="../../docs/api/globalconfig.html">Configuring defaults</a></li>
-						<li><a href="../../docs/api/events.html">Events</a></li>
-						<li><a href="../../docs/api/methods.html">Methods &amp; Utilities</a></li>
-						<li><a href="../../docs/api/mediahelpers.html">Responsive Layout</a></li> 
-						<li><a href="../../docs/api/themes.html">Theme framework</a></li>
-		
-						<li data-role="list-divider">Components</li>
-						<li><a href="../../docs/pages/index.html">Pages &amp; dialogs</a></li>
-						<li><a href="../../docs/toolbars/index.html">Toolbars</a></li>
-						<li><a href="../../docs/buttons/index.html">Buttons</a></li>
-						<li><a href="../../docs/content/index.html">Content formatting</a></li>
-						<li><a href="../../docs/forms/index.html">Form elements</a></li>
-						<li><a href="../../docs/lists/index.html">List views</a></li>
+				
 					</ul>
 			</div>
 		</div>		
diff --git a/docs/about/platforms.html b/docs/about/platforms.html
index 12115c7d..30bcfed0 100755
--- a/docs/about/platforms.html
+++ b/docs/about/platforms.html
@@ -82,27 +82,14 @@
 
 							<h3>Demos &amp; Docs Sections</h3>
 
-							<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
+							<ul data-role="listview" data-theme="c" data-dividertheme="d">
 								<li data-role="list-divider">Overview</li>
 								<li><a href="../../docs/about/intro.html">Intro to jQuery Mobile</a></li>
 								<li><a href="../../docs/about/features.html">Features</a></li>
 								<li><a href="../../docs/about/accessibility.html">Accessibility</a></li>
 								<li data-theme="a"><a href="../../docs/about/platforms.html">Supported platforms</a></li>
 
-								<li data-role="list-divider">API</li>
-								<li><a href="../../docs/api/globalconfig.html">Configuring defaults</a></li>
-								<li><a href="../../docs/api/events.html">Events</a></li>
-								<li><a href="../../docs/api/methods.html">Methods &amp; Utilities</a></li>
-								<li><a href="../../docs/api/mediahelpers.html">Responsive Layout</a></li> 
-								<li><a href="../../docs/api/themes.html">Theme framework</a></li>
-
-								<li data-role="list-divider">Components</li>
-								<li><a href="../../docs/pages/index.html">Pages &amp; dialogs</a></li>
-								<li><a href="../../docs/toolbars/index.html">Toolbars</a></li>
-								<li><a href="../../docs/buttons/index.html">Buttons</a></li>
-								<li><a href="../../docs/content/index.html">Content formatting</a></li>
-								<li><a href="../../docs/forms/index.html">Form elements</a></li>
-								<li><a href="../../docs/lists/index.html">List views</a></li>
+						
 							</ul>
 					</div>
 				</div>