diff options
| -rw-r--r-- | phonegap/www/css/mobile.css | 42 | ||||
| -rw-r--r-- | phonegap/www/index.html | 40 |
2 files changed, 46 insertions, 36 deletions
diff --git a/phonegap/www/css/mobile.css b/phonegap/www/css/mobile.css new file mode 100644 index 000000000..748d0fbdf --- /dev/null +++ b/phonegap/www/css/mobile.css @@ -0,0 +1,42 @@ +.mobile-info { + position: fixed; + bottom: 0px; + width: 100%; + height: 20px; + text-align: right; + z-index: 1; +} + +.mobile-info a { + cursor: pointer; + font-size: 0.875em; + font-family: Helmet, Freesans, sans-serif; + font-weight: bold; + line-height: 1.375em; + padding: 0.7em 0.5em 0.5em 0.5em; + margin: 0; + width: auto; + height: auto; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + -o-border-radius: 4px; + -ms-border-radius: 4px; + -khtml-border-radius: 4px; + border-radius: 4px; + background: #333333; + background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #333333), color-stop(100%, #1a1a1a)); + background: -webkit-linear-gradient(#333333, #1a1a1a); + background: -moz-linear-gradient(#333333, #1a1a1a); + background: -o-linear-gradient(#333333, #1a1a1a); + background: -ms-linear-gradient(#333333, #1a1a1a); + background: linear-gradient(#333333, #1a1a1a); + border: 1px solid #1a1a1a; + color: white; + font-weight: normal; + font-size: 0.875em; + line-height: 1; + padding: 0.5em 0.75em; + position: absolute; + right: 0.3em; + bottom: 0.3em; +} diff --git a/phonegap/www/index.html b/phonegap/www/index.html index 3fe2fc9c4..2e62b70c9 100644 --- a/phonegap/www/index.html +++ b/phonegap/www/index.html @@ -7,6 +7,7 @@ <meta charset="utf-8"> <link rel="stylesheet" href="css/base.css"> + <link rel="stylesheet" href="css/mobile.css"> <!-- If your application is targeting iOS BEFORE 4.0 you MUST put json2.js from http://www.JSON.org/json2.js into your www directory and include it here --> <script type="text/javascript" src="js/config.js"></script> <script type="text/javascript" charset="utf-8" src="cordova-1.5.0.js"></script> @@ -56,17 +57,9 @@ </div> <div class="container"> - <div class="content" role="main"> - - + <div class="content" role="main"> <div id="front-main"> <div id="front-main-container"> - <h1>Report, view, or discuss local problems</h1> - - <h2>(like graffiti, fly tipping, broken paving slabs, or street lighting)</h2> - - - <form action="" method="get" name="postcodeForm" id="postcodeForm"> <label for="pc">Enter a nearby GB postcode, or street name and area:</label> <div> @@ -90,37 +83,12 @@ </div> </div> - - - <footer role="content-info"> - <div class="tablewrapper bordered"> - <div id="footer-ads"> - <ul> - <li> - <h4>Are you a developer?</h4> - <p>Would you like to contribute to FixMyStreet? Our code is open source and <a href="http://github.com/mysociety/fixmystreet" rel="external">available on GitHub</a>.</p> - </li> - <li> - <h4>Are you from a council?</h4> - <p>Would you like better integration with FixMyStreet? <a href="http://www.mysociety.org/fixmystreet-for-local-council-websites/" rel="external">Find out about FixMyStreet for councils</a>.</p> - </li> - </ul> - </div> - </div> - </footer> - </div><!-- .content role=main --> </div><!-- .container --> </div><!-- .table-cell --> - <div class="nav-wrapper"> - <div class="nav-wrapper-2"> - <div id="main-nav" role="navigation"> - <ul id="mysoc-menu"> - <li><a id="mysoc-logo" href="http://www.mysociety.org/" rel="external">mySociety</a></li><li><a href="http://mysociety.org/donate/" rel="external">Donate</a></li><li><a href="http://www.mysociety.org/projects/" rel="external">Our Sites</a></li> - </ul> - </div> - </div> + <div class="mobile-info"> + <a href="about.html">i</a> </div> <!-- |