jQuery Mobile - IowaAssessors

by Kyle Mitofsky

HTML

<div data-role="page">

<div data-role="header" data-position="fixed" data-theme="a">
  <div class="center-wrapper">
    <img width="35" height="40" alt="Header"
         src="http://i.imgur.com/UQ1QWhH.png" /> 
      <span>IOWA ASSESSORS</span>
  </div>
</div>

	<div data-role="content">
<div class="ui-body ui-body-a">

<div data-demo-html="true">
				<center><a href="#popupMenu" data-rel="popup" data-role="button" data-inline="true" data-transition="pop" data-theme="b" data-dismissible="false">Cities</a>

				<a href="#popupMenu2" data-rel="popup" data-role="button" data-inline="true" data-transition="pop" data-theme="b" data-dismissible="false">States</a></center>

				<div data-role="popup" id="popupMenu" data-theme="d">
						<ul data-role="listview" data-inset="true" style="min-width:210px;" data-theme="a">
							<a href="#" data-rel="back" data-role="button" data-theme="b" data-inline="false" data-icon="delete" data-iconpos="right">Close</a>
<li>{mlink("amesia")}</li>
<li>{mlink("cedarrapidsia")}</li>
<li>{mlink("clintoncityia")}</li>
<li>{mlink("davenportia")}</li>
<li>{mlink("dubuquecityia")}</li>
<li>{mlink("iowacityia")}</li>
<li>{mlink("masoncityia")}</li>
<li>{mlink("siouxcityia")}</li>
						</ul>
				</div>
</div>

				<div data-role="popup" id="popupMenu2" data-theme="d">
						<ul data-role="listview" data-inset="true" style="min-width:210px;" data-theme="a">
							<a href="#" data-rel="back" data-role="button" data-theme="b" data-inline="false" data-icon="delete" data-iconpos="right">Close</a>
<li><img src="http://testmaps.camavision.com/assessorsHome/template/images/illinois-solid.png" width="35" height="40" align="left"> <a href="http://www.illinoisassessors.com" rel="external">Illinois</a></li>
<li><img src="http://testmaps.camavision.com/assessorsHome/template/images/iowa-solid.png" width="35" height="40" align="left"> <a href="http://www.iowaassessors.com" rel="external">Iowa</a></li>
<li><img...

CSS

/*! jQuery Mobile 1.3.2 | Git HEAD hash: 528cf0e <> 2013-07-19T22:17:57Z | (c) 2010, 2013 jQuery Foundation, Inc. | jquery.org/license */

/*!
* jQuery Mobile 1.3.2
* Git HEAD hash: 528cf0e96940644ea644096bfeb913ed920ffaef <> Date: Fri Jul 19 2013 22:17:57 UTC
* http://jquerymobile.com
*
* Copyright 2010, 2013 jQuery Foundation, Inc. and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
*/
.ui-bar-a{border:1px solid #333;background:#111;color:#fff;font-weight:700;text-shadow:0 -1px 0 #000;background-image:-webkit-gradient(linear,left top,left bottom,from(#3c3c3c),to(#111));background-image:-webkit-linear-gradient(#3c3c3c,#111);background-image:-moz-linear-gradient(#3c3c3c,#111);background-image:-ms-linear-gradient(#3c3c3c,#111);background-image:-o-linear-gradient(#3c3c3c,#111);background-image:linear-gradient(#3c3c3c,#111)}.ui-bar-a,.ui-bar-a input,.ui-bar-a select,.ui-bar-a textarea,.ui-bar-a button{font-family:Helvetica,Arial,sans-serif}.ui-bar-a .ui-link-inherit{color:#fff}.ui-bar-a a.ui-link{color:#7cc4e7;font-weight:700}.ui-bar-a a.ui-link:visited{color:#2489ce}.ui-bar-a a.ui-link:hover{color:#2489ce}.ui-bar-a a.ui-link:active{color:#2489ce}.ui-body-a,.ui-overlay-a{border:1px solid #444;background:#222;color:#fff;text-shadow:0 1px 0 #111;font-weight:400;background-image:-webkit-gradient(linear,left top,left bottom,from(#444),to(#222));background-image:-webkit-linear-gradient(#444,#222);background-image:-moz-linear-gradient(#444,#222);background-image:-ms-linear-gradient(#444,#222);background-image:-o-linear-gradient(#444,#222);background-image:linear-gradient(#444,#222)}.ui-overlay-a{background-image:none;border-width:0}.ui-body-a,.ui-body-a input,.ui-body-a select,.ui-body-a textarea,.ui-body-a button{font-family:Helvetica,Arial,sans-serif}.ui-body-a .ui-link-inherit{color:#fff}.ui-body-a .ui-link{color:#2489ce;font-weight:700}.ui-body-a .ui-link:visited{color:#2489ce}.ui-body-a .ui-link:hover{color:#2489ce}.ui-body-a...