diff options
Diffstat (limited to 'web')
| -rw-r--r-- | web/cobrands/fixmystreet/base.scss | 147 | ||||
| -rw-r--r-- | web/cobrands/fixmystreet/images/sprite.png | bin | 64860 -> 67024 bytes | |||
| -rw-r--r-- | web/js/fixmystreet.js | 14 |
3 files changed, 154 insertions, 7 deletions
diff --git a/web/cobrands/fixmystreet/base.scss b/web/cobrands/fixmystreet/base.scss index a87d9e7e9..404a9b73a 100644 --- a/web/cobrands/fixmystreet/base.scss +++ b/web/cobrands/fixmystreet/base.scss @@ -147,6 +147,32 @@ ol li { list-style:decimal; } +ol.big-numbers { + padding: 0; + margin: 0; + counter-reset: li; + > li { + position: relative; + list-style: none; + padding:0 0 0 2.5em; + margin-bottom:2em; + &:before { + content: counter(li); + counter-increment: li; + position: absolute; + left: 0; + top:-0.2em; + color:#eeeeee; + line-height:1; + font: { + family: 'helvetica', 'arial', sans-serif; + weight:bold; + size:2.5em; + } + } + } +} + dl { margin: 0; padding: 0; @@ -724,4 +750,125 @@ a:hover.rap-notes-trigger { // this is a bit of a hack to get some differentation between desk and mobile .desk-only { display:none !important; +} + + + +/* Front page */ +#front-main { + text-align:center; + h1 { + + } + h2 { + font: { + style:italic; + family: 'helvetica', 'arial', sans-serif; + size:1.1875em; + } + color:#4d4d4d; + } + #postcodeForm { + @extend .full-width; + padding:1em; + background:$primary; + font-family: 'helvetica', 'arial', sans-serif; + label { + margin:0; + } + div { + display:table; + width:100%; + background:#fff; + border:1px solid #F3B11E; + input#pc { + display:table-cell; + margin:0; + padding:0.25em 2%; + width:82%; + border:none; + background:none; + } + input#submit { + display:table-cell; + border:none; + padding:0; + margin:0; + width:14%; + height:35px; + background:#000; + color:#fff; + text-transform:uppercase; + @include border-radius(0); + } + } + } + a#geolocate_link { + @include inline-block; + vertical-align:top; + background:#1a1a1a; + color:#C8C8C8; + padding:0.5em; + font: { + family: 'helvetica', 'arial', sans-serif; + size:0.8125em; + } + @include border-radius(0 0 0.25em 0.25em); + &:hover { + text-decoration:none; + background:#2a2a2a; + } + } +} + + +#front-howto { + #front_stats { + display:table; + width:100%; + background:$primary; + font-family: 'helvetica', 'arial', sans-serif; + div { + display:table-cell; + text-align:center; + padding:1em; + line-height:1.25em; + font: { + size:0.8125em; + weight:bold; + } + big { + display:block; + margin-bottom:0.5em; + font-size:1.5385em; + } + } + } +} + +#front-recently {} + +#front-mobileapps { + @extend .full-width; + background:#333; + padding:1em; + @include box-shadow(inset rgba(0, 0, 0, 0.9) 0 0 8px); + h2 { + color:#fff; + margin-top:0; + } + ul { + @include list-reset-soft; + li { + border-bottom:1px solid #AFAFAF; + &:last-child { + border-bottom:none; + } + a { + display:block; + color:#fff; + padding:0.5em 0; + } + } + } }
\ No newline at end of file diff --git a/web/cobrands/fixmystreet/images/sprite.png b/web/cobrands/fixmystreet/images/sprite.png Binary files differindex bd350d0e9..a72d754f8 100644 --- a/web/cobrands/fixmystreet/images/sprite.png +++ b/web/cobrands/fixmystreet/images/sprite.png diff --git a/web/js/fixmystreet.js b/web/js/fixmystreet.js index 9cb48bb9d..19f1f0402 100644 --- a/web/js/fixmystreet.js +++ b/web/js/fixmystreet.js @@ -206,25 +206,25 @@ $(function(){ // Geolocation if (geo_position_js.init()) { - $('#postcodeForm').append('<p id="geolocate_para">Or <a href="#" id="geolocate_link">locate me automatically</a>').css({ "padding-bottom": "0.5em" }); + $('#postcodeForm').after('<a href="#" id="geolocate_link">… or locate me automatically</a>'); $('#geolocate_link').click(function(e) { e.preventDefault(); // Spinny thing! - $('#geolocate_para').append(' <img src="/i/flower.gif" alt="" align="bottom">'); + $(this).append(' <img src="/i/flower.gif" alt="" align="bottom">'); geo_position_js.getCurrentPosition(function(pos) { - $('#geolocate_para img').remove(); + $('img', this).remove(); var latitude = pos.coords.latitude; var longitude = pos.coords.longitude; location.href = '/around?latitude=' + latitude + ';longitude=' + longitude; }, function(err) { - $('#geolocate_para img').remove(); + $('img', this).remove(); if (err.code == 1) { // User said no } else if (err.code == 2) { // No position - $('#geolocate_para').html("Could not look up location"); + $(this).html("Could not look up location"); } else if (err.code == 3) { // Too long - $('#geolocate_para').html("No result returned"); + $('this').html("No result returned"); } else { // Unknown - $('#geolocate_para').html("Unknown error"); + $('this').html("Unknown error"); } }, { timeout: 10000 |
