diff options
| -rw-r--r-- | templates/web/hart/footer.html | 65 | ||||
| -rwxr-xr-x | web/cobrands/hart/facebook-logo.png | bin | 0 -> 51475 bytes | |||
| -rwxr-xr-x | web/cobrands/hart/gov-logo.png | bin | 0 -> 60982 bytes | |||
| -rw-r--r-- | web/cobrands/hart/hart.scss | 100 | ||||
| -rw-r--r-- | web/cobrands/hart/layout.scss | 10 | ||||
| -rwxr-xr-x | web/cobrands/hart/twitter-logo.png | bin | 0 -> 51429 bytes |
6 files changed, 132 insertions, 43 deletions
diff --git a/templates/web/hart/footer.html b/templates/web/hart/footer.html index fcf8f637f..6cb9477a1 100644 --- a/templates/web/hart/footer.html +++ b/templates/web/hart/footer.html @@ -56,31 +56,54 @@ </div> <div class="hart-footer-wrapper"> - - <div class="hart-wrapper"> - <div class="hart-ie_wrapper"> - <div id="hart-footer" class="desk-only"> - <p id="hart-powered-by" class="desk-only"> - <a href="http://www.mysociety.org/for-councils/fixmystreet/">Powered by <img src="/cobrands/hart/fms-logo.png" alt="FixMyStreet" style="height:20px;"></a> - </p> - <p class="copy">© Hart District Council </p> - - <!-- - <a href="http://www.direct.gov.uk/"><img src="/site/images/directgov.jpg" alt="Directgov website link - Public services all in one place" /></a> - --> - - <ul class="footer-nav"> - <li><a href="http://www.hart.gov.uk/disclaimer">Disclaimer</a></li> - <li><a href="http://www.hart.gov.uk/freedom-information">Freedom of Information</a></li> - <li><a href="http://www.hart.gov.uk/privacy" rel="nofollow">Privacy</a></li> - <li><a href="http://www.hart.gov.uk/sitemap">Site map</a></li> - <li><a href="http://www.hart.gov.uk/Accessibility">Accessibility</a></li> - </ul> - + <div id="footer_outside_wrapper"> + <div id="footer_inside_wrapper"> + <div class="footer_wrapper"> + <div id="footer-right"> + <div class="region-footer-right"> + <div id="block-menu-menu-footer-right" role="navigation"> + <ul class="footer-nav"> + <li> <a href="/sitemap">Site map</a> </li> + <li> <a href="/Accessibility">Accessibility</a> </li> + </ul> + </div> + <div id="footer-images"><p> + <a href="https://twitter.com/HartCouncil"> + <img alt="" src="/cobrands/hart/twitter-logo.png" style="height:43px; width:43px" /> + </a> + <a href="http://www.facebook.com/HartDistrictCouncil"> + <img alt="" src="/cobrands/hart/facebook-logo.png" style="height:43px; width:43px" /> + </a> + <a href="http://www.gov.uk"> + <img alt="" src="/cobrands/hart/gov-logo.png" style="height:43px; margin-left:10px; width:172px" /> + </a> + </p></div> + </div> + </div> </div> + <footer id="hart-footer"> + <div id="copyright-block"> + <strong>©</strong> + <a href="/disclaimer" title="More information on the Disclaimer">Hart District Council</a> + </div> + <div> + <ul class="footer-nav"> + <li> <a href="/disclaimer">Disclaimer</a></li> + <li> <a href="/freedom-information">Freedom of Information</a></li> + <li> <a href="/privacy">Privacy</a></li> + </ul> + </div> + </footer> + <p id="hart-powered-by" class="desk-only"> + <a href="http://www.mysociety.org/for-councils/fixmystreet/">Powered by <img src="/cobrands/hart/fms-logo.png" alt="FixMyStreet" style="height:20px;"></a> + </p> </div> </div> </div> + <div class="footer_border"> + </div> + + </div> </body> </html> diff --git a/web/cobrands/hart/facebook-logo.png b/web/cobrands/hart/facebook-logo.png Binary files differnew file mode 100755 index 000000000..931c39316 --- /dev/null +++ b/web/cobrands/hart/facebook-logo.png diff --git a/web/cobrands/hart/gov-logo.png b/web/cobrands/hart/gov-logo.png Binary files differnew file mode 100755 index 000000000..d5fc93455 --- /dev/null +++ b/web/cobrands/hart/gov-logo.png diff --git a/web/cobrands/hart/hart.scss b/web/cobrands/hart/hart.scss index 4ec7e1820..a9958129d 100644 --- a/web/cobrands/hart/hart.scss +++ b/web/cobrands/hart/hart.scss @@ -197,16 +197,82 @@ body.frontpage .table-cell .content { //#search input.button { background: #fff; border: 1px solid #8596a8; color: #333; font-family: 'Gill Sans', 'Trebuchet MS', Calibri, sans-serif; font-size:133%; height: 27px; line-height: 27px; padding: 0; vertical-align: top; width: 70px; } // #footer renamed to #hart-footer, fixed font size. -#hart-footer, .hart-footer-wrapper { background-color: #4F5757; } -#hart-footer { clear: both; width:100%; padding:30px 15px 50px; margin-left:-15px; color:#fff; font-size:92%;} -#hart-footer a:link, -#hart-footer a:visited { color: #fff; text-decoration: none; } -#hart-footer a:hover, -#hart-footer a:active { text-decoration: underline;} -#hart-footer img { float: right; margin-top: -18px; } -#hart-footer .footer-nav { float: right; height:35px; margin-top: -15px; } -#hart-footer .footer-nav li { border-right:1px solid #fff; float: left; line-height: 1; padding: 0 20px; } -#hart-footer .footer-nav li:last-child { border: none; } + +.hart-footer-wrapper { + #footer_outside_wrapper { + display: block; + #footer_inside_wrapper { + display: block; + .footer_wrapper { + display: block; + } + #footer-right { + float: right; + width: 329px; + .region-footer-right { + float: left; + width: 319px; + } + } + #footer-images { + display: block; + width: 300px; + } + } + } + .footer_border { + display: block; + width: 1024px; + } + background-color: #4F5757; + clear: both; + width:100%; + height: auto; + overflow: hidden; + display: block; + bottom: 0; + padding-bottom: 60px; + padding:30px 15px 50px; + margin-left:-15px; + color:#fff; + font-size:92%; + p { + margin: 0; + } + a:link, a:visited { + color: #fff; text-decoration: none; + } + a:hover, a:active { + text-decoration: underline; + } + + #hart-footer { + width: 709px; + } + + #copyright-block { + float: left; + margin-left: 2em; + display: block; + line-height: 1.5em; + } + .footer-nav, { + float: right; + height:35px; + margin-top: -15px; + + li { + list-style-type: none; + border-right:1px solid #fff; + float: left; + line-height: 1; + padding: 0 20px; + } + li:last-child { + border: none; + } + } +} // IE specific CSS .ie6 { @@ -266,20 +332,9 @@ body.frontpage .table-cell .content { body.mappage .hart-footer-wrapper { display: none; } -#hart-footer { - padding-bottom: 60px; -} - -#hart-footer .footer-nav li { - list-style-type: none; -} - -#hart-footer p { - margin: 0; -} - #hart-powered-by { float: left; + margin-left: 2em; margin-right: 4em; img { float: none; @@ -294,3 +349,4 @@ body.mappage .hart-footer-wrapper { #fms_pan_zoom { top: 12em; } + diff --git a/web/cobrands/hart/layout.scss b/web/cobrands/hart/layout.scss index 0acc5f81c..6817482ae 100644 --- a/web/cobrands/hart/layout.scss +++ b/web/cobrands/hart/layout.scss @@ -29,3 +29,13 @@ body.twothirdswidthpage .content { } } } + +#footer-images { + padding-bottom: 10px; + margin-bottom: 0px; + float: right!important; + clear: both; + text-decoration: none!important; + width: 300px; + padding-left: 30px; +} diff --git a/web/cobrands/hart/twitter-logo.png b/web/cobrands/hart/twitter-logo.png Binary files differnew file mode 100755 index 000000000..7e10506e2 --- /dev/null +++ b/web/cobrands/hart/twitter-logo.png |
