tweaks to the demo css, markup

This commit is contained in:
scottjehl 2010-11-22 12:30:32 -05:00
parent 416cf38de5
commit d61ea68bfd

View file

@ -21,17 +21,18 @@ $forecast_list = $xml->xpath("/xml_api_reply/weather/forecast_conditions");
<head>
<meta charset="utf-8" />
<title>jQuery Mobile Framework - Weather for <?= $information[0]->city['data']; ?></title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.css" />
<script src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js"></script>
<link rel="stylesheet" href="../../themes/default/" />
<script src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js"></script>
<style>
.current { text-align: left; }
h1 { font-size: 1.3em; text-align: center; }
.ui-listview img { left: auto; margin: 10px;position: absolute;right: 10px; }
.ui-listview img { left: auto; margin: 10px; position: absolute; right: 10px; }
.current { position: relative; }
.current img { float: left; margin: 10px 10px 0 0; }
.current img { float: left; margin: 5px 10px 0 0; }
.current p { font-weight: bold; font-size: 1.1em; margin-left: 20px; }
.ui-mobile label { position: absolute; left: -9999px; }
.ui-input-search, .min-width-480px .ui-input-search { margin: 5px auto; width: auto; float: none; display: block; }
</style>
<script>
$('div').live('pagecreate',function(){
@ -45,7 +46,7 @@ $forecast_list = $xml->xpath("/xml_api_reply/weather/forecast_conditions");
<form action="" method="get" class="ui-body ui-body-a ">
<label for="location">Change zip code:</label>
<input type="search" name="location" id="location" value="<?=$location; ?>" data-theme="a" />
<input type="search" name="location" id="location" value="<?=$location; ?>" placeholder="zip code..." data-theme="a" />
<input type="submit" data-role="nojs" value="submit" />
</form>