diff options
| -rw-r--r-- | templates/web/zurich/header.html | 2 | ||||
| -rw-r--r-- | templates/web/zurich/nav_over_content.html | 10 | ||||
| -rw-r--r-- | web/cobrands/zurich/layout.scss | 35 |
3 files changed, 47 insertions, 0 deletions
diff --git a/templates/web/zurich/header.html b/templates/web/zurich/header.html index cdff06df8..f6df75286 100644 --- a/templates/web/zurich/header.html +++ b/templates/web/zurich/header.html @@ -49,3 +49,5 @@ <div class="content[% " $mainclass" | html IF mainclass %]" role="main"> <!-- [% INCLUDE 'debug_header.html' %] --> + + [% INCLUDE 'nav_over_content.html' %]
\ No newline at end of file diff --git a/templates/web/zurich/nav_over_content.html b/templates/web/zurich/nav_over_content.html new file mode 100644 index 000000000..d02a76b69 --- /dev/null +++ b/templates/web/zurich/nav_over_content.html @@ -0,0 +1,10 @@ + <div id="zurich-main-nav"> + <ul> + <li><[% IF c.req.uri.path == '/around' %]span[% ELSE %]a href="/"[% END %] + >[% loc("Report a problem") %]</[% c.req.uri.path == '/around' ? 'span' : 'a' %]></li>[% + %]<li><[% IF c.req.uri.path == '/reports' %]span[% ELSE %]a href="/reports"[% END + %]>[% loc("All reports") %]</[% c.req.uri.path == '/reports' ? '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> + </div> diff --git a/web/cobrands/zurich/layout.scss b/web/cobrands/zurich/layout.scss index 6a23f4e22..3da15646d 100644 --- a/web/cobrands/zurich/layout.scss +++ b/web/cobrands/zurich/layout.scss @@ -101,6 +101,41 @@ body.mappage { } } +#zurich-main-nav { + margin: -1em -1em 1em -1em; // -1em spreads back out over content's 1em padding + padding: 0; + background-color: #6A6869; + + ul { + overflow:auto; + margin:0 0 0 0; + list-style: none; + padding: 0; + li { + font-size: 80%; + float:left; + list-style: none; + margin:0; + font-weight: bold; + color: #fff; + a, span { + display: block; + padding: 0.75em 1em; + } + a { + color: #fff; + text-decoration: none; + &:hover { + background-color: #333; + } + } + span { + background-color: #0056A4; + } + } + } +} + body.mappage { #main-nav ul#main-menu li a, #main-nav ul#main-menu li span { |