theme styling to pages

This commit is contained in:
Todd Parker 2010-10-12 18:35:00 -04:00
parent 2409ca2a64
commit 2848d93ea5
2 changed files with 7 additions and 14 deletions

View file

@ -7,7 +7,7 @@
</head>
<body>
<div data-role="page">
<div data-role="page" data-theme="b">
<div data-role="header">
<h1>Pages</h1>
@ -17,7 +17,7 @@
<p>jQuery Mobile includes automatic AJAX page loading of external pages with back button history support, set of animated page transitions and simple tools for displaying pages as dialogs.</p>
<ul data-role="listview" data-inset="true" data-dividertheme="b">
<ul data-role="listview" data-inset="true">
<li data-role="list-divider">Documentation</li>
<li><a href="docs-pages.html">Anatomy of a page</a></li>
<li><a href="docs-links.html">Links &amp; transitions</a></li>
@ -26,14 +26,7 @@
<li><a href="api-pages.html">API documentation</a></li>
<li><a href="pages-themes.html">Theming pages</a></li>
</ul>
<ul data-role="listview" data-inset="true">
<li data-role="list-divider">Button examples</li>
<li><a href="buttons-types.html">Button markup</a></li>
<li><a href="buttons-icons.html">Button icons</a></li>
<li><a href="buttons-inline.html">Inline buttons</a></li>
<li><a href="buttons-grouped.html">Grouped buttons</a></li>
</ul>
</div><!-- /ui-body wrapper -->
</div><!-- /page -->

View file

@ -6,7 +6,7 @@
<script type="text/javascript" src="js/all"></script>
</head>
<body>
<div data-role="page" data-theme="a">
<div data-role="page" data-theme="b">
<div data-role="header">
<h1>jQuery Mobile</h1>
@ -14,7 +14,7 @@
<div data-role="content">
<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="e">
<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
<li data-role="list-divider">Demos &amp; Documentation</li>
<li><a href="docs/intro.html">Introduction to jQuery Mobile</a></li>
<li><a href="docs/themes.html">Theme system</a></li>
@ -27,14 +27,14 @@
<li><a href="docs/events.html">Events</a></li>
</ul>
<ul data-role="listview" data-inset="true" data-theme="a" data-dividertheme="e">
<ul data-role="listview" data-inset="true" data-theme="d" data-dividertheme="b">
<li data-role="list-divider">Demos</li>
<li><a href="experiments/api-browser">jQuery API browser</a></li>
<li><a href="experiments/photos">Photo viewer</a></li>
<li><a href="experiments/converter">Converter</a></li>
</ul>
<ul data-role="listview" data-inset="true" data-theme="a" data-dividertheme="e">
<ul data-role="listview" data-inset="true" data-theme="d" data-dividertheme="b">
<li data-role="list-divider">Experiments</li>
<li><a href="experiments/ui-datepicker">Date picker styling</a></li>
</ul>