jquery-mobile/docs/toolbars/index.html
scottjehl b11a45f615 switched up padding and margins on content div. Now it will get 15px padding, unless its a fullscreen page.
Inset listviews have no margin now, and regular listviews have -15px margins. Also, collapsibles now have no padding.

Updated HTML to remove ui-body classes for content divs, to match these changes.

Fixes #161
2010-10-12 15:50:28 -04:00

44 lines
No EOL
1.4 KiB
HTML
Executable file

<!DOCTYPE html>
<html>
<head>
<title>jQuery Mobile Docs - Toolbars</title>
<link rel="stylesheet" href="../../css/all" />
<script type="text/javascript" src="../../js/all"></script>
</head>
<body>
<div data-role="page">
<div data-role="header">
<h1>Toolbars</h1>
</div><!-- /header -->
<div data-role="content">
<p>Toolbars are used for headers, footers and utility bars throughout a mobile app so jQuery Mobile provides a standard set of bars and navigation tools to cover most standard scenarios.</p>
<ul data-role="listview" data-inset="true">
<li data-role="list-divider">Documentation</li>
<li><a href="docs-bars.html">Toolbar basics</a></li>
<li><a href="docs-headers.html">Header configuration</a></li>
<li><a href="docs-footers.html">Footer configuration</a></li>
<li><a href="docs-navbars.html">Navbar configuration</a></li>
<li><a href="api-bars.html">API documentation</a></li>
<li><a href="bars-themes.html">Theming toolbars</a></li>
</ul>
<ul data-role="listview" data-inset="true">
<li data-role="list-divider">Toolbar examples</li>
<li><a href="bars-fixed.html">Fixed toolbars</a></li>
<li><a href="bars-inline.html">Inline toolbars</a></li>
<li><a href="bars-fullscreen.html">Fullscreen toolbars</a></li>
<li><a href="navbar.html">Nav bars</a></li>
<li><a href="footer-persist.html">Persistent footer</a></li>
</ul>
</div><!-- /content -->
</div><!-- /page -->
</body>
</html>