diff options
-rw-r--r-- | templates/web/bromley/header.html | 19 | ||||
-rw-r--r-- | templates/web/bromley/index.html | 18 | ||||
-rw-r--r-- | web/cobrands/bromley/_colours.scss | 2 | ||||
-rw-r--r-- | web/cobrands/bromley/base.scss | 8 | ||||
-rw-r--r-- | web/cobrands/bromley/bromley.scss | 23 | ||||
-rw-r--r-- | web/cobrands/bromley/layout.scss | 5 | ||||
-rw-r--r-- | web/cobrands/fixmystreet/_base.scss | 1 |
7 files changed, 27 insertions, 49 deletions
diff --git a/templates/web/bromley/header.html b/templates/web/bromley/header.html index d1fa64273..292401632 100644 --- a/templates/web/bromley/header.html +++ b/templates/web/bromley/header.html @@ -49,20 +49,8 @@ <div class="main-menu"> <ul> - <li class="home"><a href="http://www.bromley.gov.uk">Home</a></li> - <li><a href="http://www.bromley.gov.uk/a_to_z">A to Z</a></li> - <li><a href="http://www.bromley.gov.uk/site_map">Site map</a></li> - </ul> - <form action="http://www.bromley.gov.uk/site/scripts/google_results.aspx" method="get" id="search"> - <label for="SearchSite">Search by Keyword</label> - <input type="text" size="18" maxlength="40" class="field" name="q" id="SearchSite" value="Search by keyword" onclick="if (this.value == 'Search by keyword') { this.value = ''; }" onblur="if (this.value == '') { this.value = 'Search by keyword'; }" /> - <input value="Search" id="SearchSubmit" type="submit" class="button" /> - </form> - </div> - - <ul id="main-menu"> - <li><[% IF c.req.uri.path == '/' %]span[% ELSE %]a href="/"[% END %] class="report-a-problem-btn" - >[% loc("Report a problem") %]</[% c.req.uri.path == '/' ? 'span' : 'a' %]></li>[% + <li class="home"><[% IF c.req.uri.path == '/' %]span[% ELSE %]a href="/"[% END %] class="report-a-problem-btn" + >[% "Report" %]</[% c.req.uri.path == '/' ? 'span' : 'a' %]></li>[% %]<li><[% IF c.req.uri.path == '/my' %]span[% ELSE %]a href="/my"[% END %]>[% loc("Your reports") %]</[% c.req.uri.path == '/my' ? 'span' : 'a' %]></li>[% %]<li><[% IF c.req.uri.path == '/reports/Bromley' %]span[% ELSE %]a href="/reports/Bromley"[% END @@ -71,7 +59,8 @@ %]>[% loc("Local alerts") %]</[% c.req.uri.path == '/alert' ? 'span' : 'a' %]></li>[% %]<li><[% IF c.req.uri.path == '/faq' %]span[% ELSE %]a href="/faq"[% END %]>[% loc("Help") %]</[% c.req.uri.path == '/faq' ? 'span' : 'a' %]></li> - </ul> + </ul> + </div> </div> diff --git a/templates/web/bromley/index.html b/templates/web/bromley/index.html index 94807431f..80217d1f9 100644 --- a/templates/web/bromley/index.html +++ b/templates/web/bromley/index.html @@ -16,7 +16,12 @@ Modernizr.load({ </script> [% END %] -[% pre_container_extra = BLOCK %] +[% INCLUDE 'header.html', title => '' , bodyclass => 'frontpage fullwidthpage' %] + +[% IF error %] + <p class="error">[% error %]</p> +[% END %] + <div id="front-main"> <div id="front-main-container"> <h1>Reporting a problem in Bromley’s streets or parks</h1> @@ -28,7 +33,7 @@ Modernizr.load({ %] <form action="[% c.uri_for('/around') %]" method="get" name="postcodeForm" id="postcodeForm"> - <label for="pc">Enter a London Borough of Bromley postcode, or street name and area:</label> + <label for="pc">Enter a Bromley Council postcode, or street name and area:</label> <div> <input type="text" name="pc" value="" id="pc" size="10" maxlength="200" placeholder="[% tprintf(loc('e.g. ā%sā or ā%sā'), c.cobrand.example_places) %]"> <input type="submit" value="[% loc('Go') %]" id="submit"> @@ -43,13 +48,6 @@ Modernizr.load({ </div> </div> -[% END %] - -[% INCLUDE 'header.html', title => '' , bodyclass => 'frontpage fullwidthpage' %] - -[% IF error %] - <p class="error">[% error %]</p> -[% END %] <div class="tablewrapper"> <div id="front-howto"> @@ -59,7 +57,7 @@ Modernizr.load({ <li>[% question %]</li> <li>[% loc('Locate the problem on a map of the area') %]</li> <li>[% loc('Enter details of the problem') %]</li> - <li>It gets sent to the council</li> + <li>Confirm the report and it will be sent to Bromley</li> </ol> <section class="full-width"> diff --git a/web/cobrands/bromley/_colours.scss b/web/cobrands/bromley/_colours.scss index c0376274e..b76a37609 100644 --- a/web/cobrands/bromley/_colours.scss +++ b/web/cobrands/bromley/_colours.scss @@ -4,5 +4,5 @@ $primary: rgb(76,120,168); $primary_b: #000000; $primary_text: #ffffff; -$contrast1: #00BD08; +$contrast1: rgb(76,120,168); $contrast2: #AA8D11; diff --git a/web/cobrands/bromley/base.scss b/web/cobrands/bromley/base.scss index 710078118..6590f5449 100644 --- a/web/cobrands/bromley/base.scss +++ b/web/cobrands/bromley/base.scss @@ -27,3 +27,11 @@ background: url('/cobrands/bromley/bromley-logo.s.jpg') 0 0 no-repeat; } +#problems-nav { + border-bottom:0.25em solid $primary; + ul li a.active { + background: $primary; + color: #fff; + } +} + diff --git a/web/cobrands/bromley/bromley.scss b/web/cobrands/bromley/bromley.scss index 0f4879bef..89ab08fd1 100644 --- a/web/cobrands/bromley/bromley.scss +++ b/web/cobrands/bromley/bromley.scss @@ -83,26 +83,3 @@ body { color: #333; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; text-align: right; } -#main-menu { - text-align: center; - margin: 2em 0; - padding: 0; - li { - margin: 0; - padding: 0; - display: inline; - a, span { - padding: 1em; - color: #000; - background: #eef; - @include background(linear-gradient(#eef, #eee)); - } - span { - text-decoration: underline; - } - } - a:hover { - background: #ccf; - } -} - diff --git a/web/cobrands/bromley/layout.scss b/web/cobrands/bromley/layout.scss index 6c2ded2fc..e74aab1a3 100644 --- a/web/cobrands/bromley/layout.scss +++ b/web/cobrands/bromley/layout.scss @@ -17,12 +17,17 @@ body { #front-main { background: $primary; + @include border-radius(1em 1em 0 0); // layout sets this because base has it slightly lighter h2 { color: $primary_text; } } +.tablewrapper { + padding-top: 1em; +} + // Don't want gap that normal site has body.frontpage { .table-cell { diff --git a/web/cobrands/fixmystreet/_base.scss b/web/cobrands/fixmystreet/_base.scss index 5fd87a454..c453da80c 100644 --- a/web/cobrands/fixmystreet/_base.scss +++ b/web/cobrands/fixmystreet/_base.scss @@ -142,6 +142,7 @@ img { //do this otherwise IE will just not display //any img without a height defined height:auto; + max-width: 100%; } select, input, textarea { |