more updates to the docs markup. getting close!

Author: scottjehl

docs/_assets/css/jqm-docs.css

@@ -1,3 +1,9 @@
+/* jqm docs css
+
+Beware: lots of last-minute CSS going on in here 
+cobblers, shoes, 
+*/
+
 body { background: #dddddd; }
 
 .ui-mobile #jqm-home {  background: #e5e5e5 url(../images/jqm-sitebg.png) top center repeat-x; }
@@ -93,8 +99,18 @@ p.intro {
 /* docs site layout */
 
 @media all and (min-width: 650px){
-	.ui-mobile #jqm-homeheader {max-width: 340px;}
-	.ui-mobile .jqm-themeswitcher {float: right;
+	
+	.jqm-home {
+		position: absolute;
+		left: 10px;
+		top: 0;
+	}
+	
+	.ui-mobile #jqm-homeheader {
+		max-width: 340px;
+	}
+	.ui-mobile .jqm-themeswitcher {
+		float: right;
 	}
 	p.intro {
 		border-top-color: #75ae18;
@@ -110,6 +126,7 @@ p.intro {
 	}
 	.type-interior .ui-content {
 		background-position: 45%;
+		overflow: hidden;
 	}
 	.content-secondary {
 		text-align: left;
@@ -124,6 +141,12 @@ p.intro {
 		padding: 20px 4% 0 0;
 			background: none;
 	}
+	.type-index .content-secondary {
+		padding: 0;
+	}
+	.type-index .content-secondary .ui-listview {
+		margin: 0;
+	}
 
 	.ui-mobile #jqm-homeheader {
 		padding: 0;
@@ -145,7 +168,6 @@ p.intro {
 	.type-interior .content-primary {
 		padding: 1.5em 6% 3em 0;
 		margin: 0;
-		
 	}
 	/* fix up the collapsibles - expanded on desktop */
 	.content-secondary .ui-collapsible-heading {
@@ -159,7 +181,10 @@ p.intro {
 		margin: 0;
 		padding: 0;
 	}
-	
+	.type-interior  .content-secondary .ui-li-divider {
+		padding-top: 1em;
+		padding-bottom: 1em;
+	}
 	.type-interior .content-secondary {
 		margin: 0;
 		padding: 0;

docs/_assets/js/jqm-docs.js

@@ -7,6 +7,10 @@ $('div').live('pagecreate',function(event){
 			appendEl = $(this).find('.ui-content');
 		}
 
+		if( appendEl.is("[data-position]") ){
+			return;
+		}
+		
 		$('<a href="#themeswitcher" data-'+ $.mobile.ns +'rel="dialog" data-'+ $.mobile.ns +'transition="pop">Switch theme</a>')
 			.buttonMarkup({
 				'icon':'gear',
@@ -20,7 +24,7 @@ $('div').live('pagecreate',function(event){
 				$.themeswitcher();
 			});
 	}	
-	event.stopPropagation();
+
 });
 
 //collapse page navs after use
@@ -31,7 +35,17 @@ $(function(){
 });
 
 function setDefaultTransition(){
-	$.mobile.defaultPageTransition = $( window ).width() >= 650 ? "fade" : "slide";
+	var winwidth = $( window ).width(),
+		trans ="slide";
+		
+	if( winwidth >= 1000 ){
+		trans = "none";
+	}
+	else if( winwidth >= 650 ){
+		trans = "fade";
+	}
+
+	$.mobile.defaultPageTransition = trans;
 }
 
 //set default documentation 

docs/about/accessibility.html

@@ -38,7 +38,7 @@ <h2>Accessibility</h2>
 
 			<div data-role="collapsible" data-collapsed="true" data-theme="b">
 
-					<h3>Demos &amp; Docs Sections</h3>
+					<h3>More in this section</h3>
 
 					<ul data-role="listview" data-theme="c" data-dividertheme="d">
 						<li data-role="list-divider">Overview</li>

docs/about/features.html

@@ -45,7 +45,7 @@ <h2>Key features:</h2>
 
 			<div data-role="collapsible" data-collapsed="true" data-theme="b">
 
-					<h3>Demos &amp; Docs Sections</h3>
+					<h3>More in this section</h3>
 
 					<ul data-role="listview" data-theme="c" data-dividertheme="d">
 						<li data-role="list-divider">Overview</li>

docs/about/intro.html

@@ -42,7 +42,7 @@ <h2>jQuery Mobile Overview</h2>
 
 			<div data-role="collapsible" data-collapsed="true" data-theme="b">
 
-					<h3>Demos &amp; Docs Sections</h3>
+					<h3>More in this section</h3>
 
 					<ul data-role="listview"  data-theme="c" data-dividertheme="d">
 						<li data-role="list-divider">Overview</li>

docs/about/platforms.html

@@ -82,7 +82,7 @@ <h3 style="font-weight: normal; background: #fff; border-left: 7px solid #aaaaaa
 
 					<div data-role="collapsible" data-collapsed="true" data-theme="b">
 
-							<h3>Demos &amp; Docs Sections</h3>
+							<h3>More in this section</h3>
 
 							<ul data-role="listview" data-theme="c" data-dividertheme="d">
 								<li data-role="list-divider">Overview</li>

docs/api/events.html

@@ -140,7 +140,7 @@ <h2>Animation Events</h2>
 
 		<div data-role="collapsible" data-collapsed="true" data-theme="b">
 
-				<h3>Demos &amp; Docs Sections</h3>
+				<h3>More in this section</h3>
 
 				<ul data-role="listview" data-theme="c" data-dividertheme="d">
 

docs/api/globalconfig.html

@@ -132,7 +132,7 @@ <h2>Configurable options</h2>
 
 		<div data-role="collapsible" data-collapsed="true" data-theme="b">
 
-				<h3>Demos &amp; Docs Sections</h3>
+				<h3>More in this section</h3>
 
 				<ul data-role="listview"  data-theme="c" data-dividertheme="d">
 

docs/api/mediahelpers.html

@@ -102,7 +102,7 @@ <h3>Running Media Queries</h3>
 
 		<div data-role="collapsible" data-collapsed="true" data-theme="b">
 
-				<h3>Demos &amp; Docs Sections</h3>
+				<h3>More in this section</h3>
 
 				<ul data-role="listview"  data-theme="c" data-dividertheme="d">
 

docs/api/methods.html

@@ -513,7 +513,7 @@ <h1>Methods</h1>
 
 		<div data-role="collapsible" data-collapsed="true" data-theme="b">
 
-				<h3>Demos &amp; Docs Sections</h3>
+				<h3>More in this section</h3>
 
 				<ul data-role="listview"  data-theme="c" data-dividertheme="d">