mirror of
https://gitlab.com/walljm/dynamicbible.git
synced 2025-07-27 01:19:52 -04:00
61 lines
2.1 KiB
HTML
61 lines
2.1 KiB
HTML
|
<!doctype html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>My Page</title>
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
|
<link rel="stylesheet" href="css/themes/db.css" />
|
||
|
|
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
|
||
|
|
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
|
||
|
|
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
|
||
|
|
<style>
|
||
|
|
html, body { padding: 0; margin: 0; }
|
||
|
|
html, .ui-mobile, .ui-mobile body {
|
||
|
|
height: 435px;
|
||
|
|
}
|
||
|
|
.ui-mobile, .ui-mobile .ui-page {
|
||
|
|
min-height: 435px;
|
||
|
|
}
|
||
|
|
.ui-content{
|
||
|
|
padding:10px 15px 0px 15px;
|
||
|
|
}
|
||
|
|
.panel-content { padding:15px; }
|
||
|
|
|
||
|
|
#menuicon
|
||
|
|
{
|
||
|
|
display: block;
|
||
|
|
|
||
|
|
background-image: url(/images/icons-sd.png);
|
||
|
|
}
|
||
|
|
@media all {
|
||
|
|
.left {width: 100px; float: left; z-index: 100;}
|
||
|
|
}
|
||
|
|
|
||
|
|
.ui-input-search {width: 300px;}
|
||
|
|
.ui-submit {width:100px;}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div data-role="page">
|
||
|
|
|
||
|
|
<div data-role="header" data-theme="b">
|
||
|
|
<table><tr><td><a id="menuicon" href="#defaultpanel">Menu</a></td><td><input id="searchvalue" type="search" /><input value="Search" type="submit" id="searchbtn" /></td></tr></table>
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div data-role="content">
|
||
|
|
|
||
|
|
</div><!-- /content -->
|
||
|
|
|
||
|
|
<div data-role="panel" id="defaultpanel" data-theme="b">
|
||
|
|
<div class="panel-content">
|
||
|
|
<h3>Default panel options</h3>
|
||
|
|
<p>This panel has all the default options: positioned on the left with the reveal display mode. The panel markup is <em>before</em> the header, content and footer in the source order.</p>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div><!-- /page -->
|
||
|
|
</body>
|
||
|
|
</html>
|