more docs updates. moved to the green header, set default transition …

…dynamically
dgeb · Jun 20, 2011 · 735ee92 · 735ee92
1 parent a1785b0
commit 735ee92
Show file tree

Hide file tree

Showing 13 changed files with 40 additions and 92 deletions.
diff --git a/docs/_assets/js/jqm-docs.js b/docs/_assets/js/jqm-docs.js
@@ -28,4 +28,14 @@ $(function(){
 	$('body').delegate('.content-secondary .ui-collapsible-content', 'vclick',  function(){
 		$(this).trigger("collapse")
 	});
+});
+
+function setDefaultTransition(){
+	$.mobile.defaultPageTransition = $( window ).width() >= 600 ? "fade" : "slide";
+}
+
+//set default documentation 
+$( document ).bind( "mobileinit", setDefaultTransition );
+$(function(){
+	$( window ).bind( "throttledresize", setDefaultTransition );
 });
diff --git a/docs/about/accessibility.html b/docs/about/accessibility.html
@@ -13,7 +13,7 @@
 
 <div data-role="page" class="type-interior">
 
-	<div data-role="header" data-theme="b">
+	<div data-role="header" data-theme="f">
 		<h1>Accessibility</h1>
 		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
 	</div><!-- /header -->

diff --git a/docs/about/features.html b/docs/about/features.html
@@ -13,7 +13,7 @@
 
 <div data-role="page" class="type-interior"> 
 
-	<div data-role="header" data-theme="b">
+	<div data-role="header" data-theme="f">
 		<h1>Features</h1>	
 		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
 	</div><!-- /header -->
@@ -45,7 +45,7 @@ <h2>Key features:</h2>
 
 					<h3>Demos &amp; Docs Sections</h3>
 
-					<ul data-role="listview" 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 data-theme="a"><a href="../../docs/about/features.html">Features</a></li>

diff --git a/docs/about/index.html b/docs/about/index.html
@@ -13,14 +13,14 @@
 
 	<div data-role="page" class="type-interior">
 
-<div data-role="header" data-theme="b">
+<div data-role="header" data-theme="f">
 	<h1>About jQuery Mobile</h1>
 	<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
 </div>
 
 <div data-role="content">
 
-	<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
+	<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="f">
 		<li data-role="list-divider">Overview</li>
 		<li><a href="intro.html">Intro to jQuery Mobile</a></li>
 		<li><a href="features.html">Features</a></li>

diff --git a/docs/about/intro.html b/docs/about/intro.html
@@ -13,7 +13,7 @@
 
 <div data-role="page" class="type-interior">
 
-	<div data-role="header" data-theme="b">
+	<div data-role="header" data-theme="f">
 		<h1>Introduction</h1>
 
 
@@ -42,7 +42,7 @@ <h2>jQuery Mobile Overview</h2>
 
 					<h3>Demos &amp; Docs Sections</h3>
 
-					<ul data-role="listview"  data-theme="c" data-dividertheme="b">
+					<ul data-role="listview"  data-theme="c" data-dividertheme="d">
 						<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>

diff --git a/docs/about/platforms.html b/docs/about/platforms.html
@@ -13,7 +13,7 @@
 
 <div data-role="page" class="type-interior">
 
-	<div data-role="header" data-theme="b">
+	<div data-role="header" data-theme="f">
 		<h1>Supported platforms</h1>
 		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
 	</div><!-- /header -->

diff --git a/docs/api/events.html b/docs/api/events.html
@@ -13,7 +13,7 @@
 
 <div data-role="page" class="type-interior">
 
-	<div data-role="header" data-theme="b">
+	<div data-role="header" data-theme="f">
 		<h1>Events</h1>
 		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
 	</div><!-- /header -->
@@ -140,27 +140,15 @@ <h2>Animation Events</h2>
 
 				<h3>Demos &amp; Docs Sections</h3>
 
-				<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
-					<li>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><a href="../../docs/about/platforms.html">Supported platforms</a></li>
-
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
 					<li data-role="list-divider">API</li>
 					<li><a href="../../docs/api/globalconfig.html">Configuring defaults</a></li>
 					<li data-theme="a"><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/api/globalconfig.html b/docs/api/globalconfig.html
@@ -13,7 +13,7 @@
 
 <div data-role="page" class="type-interior">
 
-	<div data-role="header" data-theme="b">
+	<div data-role="header" data-theme="f">
 		<h1>Configuring Defaults</h1>
 		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
 	</div><!-- /header -->
@@ -132,27 +132,14 @@ <h2>Configurable options</h2>
 
 				<h3>Demos &amp; Docs Sections</h3>
 
-				<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
-					<li>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><a href="../../docs/about/platforms.html">Supported platforms</a></li>
-
+				<ul data-role="listview"  data-theme="c" data-dividertheme="d">
+
 					<li data-role="list-divider">API</li>
 					<li data-theme="a"><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/api/index.html b/docs/api/index.html
@@ -12,15 +12,15 @@
 <body> 
 <div data-role="page">
 
-<div data-role="header" data-theme="b">
+<div data-role="header" data-theme="f">
 	<h1>API</h1>
 	<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
 </div>
 
 <div data-role="content">
 
 
-		<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
+		<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="f">
 			<li data-role="list-divider">API</li>
 			<li><a href="globalconfig.html">Configuring defaults</a></li>
 			<li><a href="events.html">Events</a></li>

diff --git a/docs/api/mediahelpers.html b/docs/api/mediahelpers.html
@@ -13,7 +13,7 @@
 
 <div data-role="page" class="type-interior">
 
-	<div data-role="header">
+	<div data-role="header" data-theme="f">
 		<h1>Responsive Layout Helpers</h1>
 		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
 	</div><!-- /header -->
@@ -102,27 +102,14 @@ <h3>Running Media Queries</h3>
 
 				<h3>Demos &amp; Docs Sections</h3>
 
-				<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
-					<li>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><a href="../../docs/about/platforms.html">Supported platforms</a></li>
-
+				<ul data-role="listview"  data-theme="c" data-dividertheme="d">
+
 					<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 data-theme="f"><a href="../../docs/api/mediahelpers.html">Responsive Layout</a></li> 
+					<li data-theme="a"><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/api/methods.html b/docs/api/methods.html
@@ -13,7 +13,7 @@
 
 <div data-role="page" class="type-interior">
 
-	<div data-role="header">
+	<div data-role="header" data-theme="f">
 		<h1>Methods</h1>
 		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
 	</div><!-- /header -->
@@ -513,27 +513,14 @@ <h1>Methods</h1>
 
 				<h3>Demos &amp; Docs Sections</h3>
 
-				<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
-					<li>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><a href="../../docs/about/platforms.html">Supported platforms</a></li>
-
+				<ul data-role="listview"  data-theme="c" data-dividertheme="d">
+
 					<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 data-theme="f"><a href="../../docs/api/methods.html">Methods &amp; Utilities</a></li>
+					<li data-theme="a"><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/api/themes.html b/docs/api/themes.html
@@ -13,7 +13,7 @@
 
 <div data-role="page" class="type-interior">
 
-	<div data-role="header" data-theme="b">
+	<div data-role="header" data-theme="f">
 		<h1>Themes</h1>
 		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
 	</div>
@@ -240,28 +240,16 @@ <h3>Icons</h3>
 
 				<h3>Demos &amp; Docs Sections</h3>
 
-				<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
-					<li>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><a href="../../docs/about/platforms.html">Supported platforms</a></li>
-
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
 					<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 data-theme="a"><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>
+								</ul>
 		</div>
 	</div>		
 

diff --git a/index.html b/index.html
@@ -7,9 +7,10 @@
 	<link rel="stylesheet"  href="themes/default/" />
 	<link rel="stylesheet" href="docs/_assets/css/jqm-docs.css" />
 	<script src="js/jquery.js"></script>
-	<script src="js/"></script>
 	<script src="experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
 	<script src="docs/_assets/js/jqm-docs.js"></script>
+	<script src="js/"></script>
+
 </head> 
 <body> 
 <div data-role="page" id="jqm-home" class="type-home">