diff options
| -rw-r--r-- | templates/web/lichfielddc/footer.html | 170 | ||||
| -rw-r--r-- | templates/web/lichfielddc/header.html | 48 | ||||
| -rw-r--r-- | web/cobrands/lichfielddc/css/layout.css | 98 |
3 files changed, 195 insertions, 121 deletions
diff --git a/templates/web/lichfielddc/footer.html b/templates/web/lichfielddc/footer.html index 2a0fee889..58099193b 100644 --- a/templates/web/lichfielddc/footer.html +++ b/templates/web/lichfielddc/footer.html @@ -1,112 +1,68 @@ - </div> - <br class="cl"> - </div><!-- end content --> - </div><!-- end wrap --> </div><!-- End content --> - - <div class="colinfo"> - <form action="http://www.lichfielddc.gov.uk/site/scripts/documents.php" method="get" class="catNav" name="catNav"> - <h2>Information on...</h2> - <select name="categoryID" onchange="submitform('catNav')"> - <option value="100001">Advice and benefits</option> - <option value="100002">Business</option> - - <option value="100003">Community and living</option> - <option value="100004">Council and democracy</option> - <option value="100005">Education and learning</option> - <option value="100006">Environment and planning</option> - <option value="100007">Housing</option> - <option value="100008">Jobs and careers</option> - - <option value="100009">Leisure and culture</option> - <option value="100010">Health and social care</option> - <option value="100011">Transport and streets</option> - </select> - <noscript><input type="submit" value="Go" class="button" id="go"/></noscript> - </form> - </div> - -<ul id="column_nav"> - <li class="column_widget"> - <h2>FixMyStreet</h2> - <ul> - [% IF c.user_exists %] - <li class="section">[% tprintf(loc('Signed in as %s'), c.user.name || c.user.email) %]</li> - <li class="section"><a href="/auth/sign_out">[% loc('Sign out') %]</a></li> - [% END %] - <li class="section"><a href="/">Report a problem</a></li> - <li class="section"><a href="/reports/Lichfield">All reports</a></li> - <li class="section"><a href="/my">Your reports</a></li> - <li class="section"><a href="/alert">Local alerts</a></li> - <li class="section"><a href="/faq">Help</a></li> - <li class="section"><a href="/contact">Contact</a></li> - </ul> - </li> - <!-- End left-hand supplements --> - -</ul> - <br class="clear" /> - </div> + + <br class="clear" /> + </div> </div> <br class="clear" /> - <br class="clear" /> - - <ul class="contactbox"> - <li class="taxonomy"> - <h2>Browse council information on...</h2> - <ul> - <li><a href="http://www.lichfielddc.gov.uk/site/scripts/documents.php?categoryID=100001">Advice and benefits</a></li> - <li><a href="http://www.lichfielddc.gov.uk/site/scripts/documents.php?categoryID=100002">Business</a></li> - <li><a href="http://www.lichfielddc.gov.uk/site/scripts/documents.php?categoryID=100003">Community and living</a></li> - <li><a href="http://www.lichfielddc.gov.uk/site/scripts/documents.php?categoryID=100004">Council and democracy</a></li> - <li><a href="http://www.lichfielddc.gov.uk/site/scripts/documents.php?categoryID=100005">Education and learning</a></li> - <li><a href="http://www.lichfielddc.gov.uk/site/scripts/documents.php?categoryID=100006">Environment and planning</a></li> - <li><a href="http://www.lichfielddc.gov.uk/site/scripts/documents.php?categoryID=100007">Housing</a></li> - <li><a href="http://www.lichfielddc.gov.uk/site/scripts/documents.php?categoryID=100008">Jobs and careers</a></li> - <li><a href="http://www.lichfielddc.gov.uk/site/scripts/documents.php?categoryID=100009">Leisure and culture</a></li> - <li><a href="http://www.lichfielddc.gov.uk/site/scripts/documents.php?categoryID=100010">Health and social care</a></li> - <li><a href="http://www.lichfielddc.gov.uk/site/scripts/documents.php?categoryID=100011">Transport and streets</a></li> - </ul> - </li> - <li class="contact vcard"> - <a href="http://www.lichfielddc.gov.uk/site/scripts/location.php"><img src="http://www.lichfielddc.gov.uk/site/images/map.gif" alt="" /></a> - <h2>Get in touch or visit...</h2> - <ul> - <li><a href="http://www.lichfielddc.gov.uk/site/custom_scripts/feedback2.php">Your feedback or comments</a></li> - <li><a href="http://www.lichfielddc.gov.uk/site/scripts/faqs_ask.php">Ask a question about our services</a></li> - <li><a href="http://www.lichfielddc.gov.uk/site/scripts/location.php">Our location and travel details</a></li> - </ul> - <p class="fn councilName">Lichfield District Council</p> - <p class="phone tel">Phone our call centre: <span>01543 308 000</span></p> - <p class="adr">District Council House, Frog Lane, Lichfield, Staffs, WS13 6YY</p> - </li> - <li class="focus"> - <h2>Our focus and priorities...</h2> - <ul> - <li><h3><a href="http://www.lichfielddc.gov.uk/people">Centred on people</a></h3> - <a href="http://www.lichfielddc.gov.uk/people"><img src="http://www.lichfielddc.gov.uk/site/images/people.gif" alt="" /></a> - </li> - <li><h3><a href="http://www.lichfielddc.gov.uk/place">Focused on place</a></h3> - <a href="http://www.lichfielddc.gov.uk/place"><img src="http://www.lichfielddc.gov.uk/site/images/place.gif" alt="" /></a> - </li> - <li><h3><a href="http://www.lichfielddc.gov.uk/improvement">Delivering through improvement</a></h3> - <a href="http://www.lichfielddc.gov.uk/improvement"><img src="http://www.lichfielddc.gov.uk/site/images/improvement.gif" alt="" /></a> - </li> - </ul> - </li> - </ul><!-- end contactbox --> - <div id="footer"> - <img src="http://www.lichfielddc.gov.uk/site/images/footer-logo.gif" alt="Lichfield District Council" /> - <p class="addNav"><a href="http://www.lichfielddc.gov.uk/site/custom_scripts/mysociety/footer.php?#mast">Jump to the top</a></p> - <p class="addNav"><a href="http://www.lichfielddc.gov.uk/site/scripts/terms.php">Terms and Disclaimer</a> - <a href="http://www.lichfielddc.gov.uk/site/scripts/accessibility.php">Accessibility Statement</a> - <a href="http://www.lichfielddc.gov.uk/site/scripts/website_statistics.php">Websites statistics</a> - <a accesskey="3" href="http://www.lichfielddc.gov.uk/site/scripts/site_map.php">Site map</a> - Lichfield District Council © 2010</p> - - <p class="addNav">Made with <a href="http://validator.w3.org/">XHTML</a> and <a href="http://jigsaw.w3.org/css-validator/">CSS</a> to <a href="http://www.w3.org/WAI/WCAG1AA-Conformance">WAI-AA</a>. <a href="http://www.icra.org">ICRA</a> rated. Powered by Jadu <a href="http://www.jadu.co.uk" >Content Management</a>.</p> + <br class="clear" /> +</div><!-- end of page_wrap --> + <ul class="contactbox"> + <li class="taxonomy"> + <h2>Browse council information on…</h2> + <ul> + <li><a href="http://www.lichfielddc.gov.uk/site/scripts/documents.php?categoryID=100001">Advice and benefits</a></li> + <li><a href="http://www.lichfielddc.gov.uk/site/scripts/documents.php?categoryID=100002">Business</a></li> + <li><a href="http://www.lichfielddc.gov.uk/site/scripts/documents.php?categoryID=100003">Community and living</a></li> + <li><a href="http://www.lichfielddc.gov.uk/site/scripts/documents.php?categoryID=100004">Council and democracy</a></li> + <li><a href="http://www.lichfielddc.gov.uk/site/scripts/documents.php?categoryID=100005">Education and learning</a></li> + <li><a href="http://www.lichfielddc.gov.uk/site/scripts/documents.php?categoryID=100006">Environment and planning</a></li> + <li><a href="http://www.lichfielddc.gov.uk/site/scripts/documents.php?categoryID=100007">Housing</a></li> + <li><a href="http://www.lichfielddc.gov.uk/site/scripts/documents.php?categoryID=100008">Jobs and careers</a></li> + <li><a href="http://www.lichfielddc.gov.uk/site/scripts/documents.php?categoryID=100009">Leisure and culture</a></li> + <li><a href="http://www.lichfielddc.gov.uk/site/scripts/documents.php?categoryID=100010">Health and social care</a></li> + <li><a href="http://www.lichfielddc.gov.uk/site/scripts/documents.php?categoryID=100011">Transport and streets</a></li> + </ul> + </li> + <li class="contact card"> + <a href="http://www.lichfielddc.gov.uk/site/scripts/location.php"><img src="http://www.lichfielddc.gov.uk/site/images/map.gif" alt="" /></a> + <h2>Get in touch or visit…</h2> + <ul> + <li><a href="http://www.lichfielddc.gov.uk/site/custom_scripts/feedback2.php">Your feedback or comments</a></li> + <li><a href="http://www.lichfielddc.gov.uk/site/scripts/faqs_ask.php">Ask a question about our services</a></li> + <li><a href="http://www.lichfielddc.gov.uk/site/scripts/location.php">Our location and travel details</a></li> + </ul> + <p class="fn councilName">Lichfield District Council</p> + <p class="phone tel">Phone our call centre: <span>01543 308 000</span></p> + <p class="add">District Council House, Frog Lane, Lichfield, Staffs, WS13 6YY</p> + </li> + <li class="focus"> + <h2>Our focus and priorities…</h2> + <ul> + <li><h3><a href="http://www.lichfielddc.gov.uk/people">Centred on people</a></h3> + <a href="http://www.lichfielddc.gov.uk/people"><img src="http://www.lichfielddc.gov.uk/site/images/people.gif" alt="" /></a> + </li> + <li><h3><a href="http://www.lichfielddc.gov.uk/place">Focused on place</a></h3> + <a href="http://www.lichfielddc.gov.uk/place"><img src="http://www.lichfielddc.gov.uk/site/images/place.gif" alt="" /></a> + </li> + <li><h3><a href="http://www.lichfielddc.gov.uk/improvement">Delivering through improvement</a></h3> + <a href="http://www.lichfielddc.gov.uk/improvement"><img src="http://www.lichfielddc.gov.uk/site/images/improvement.gif" alt="" /></a> + </li> + </ul> + </li> + </ul><!-- end contact box --> + <div id="footer"> + <img src="http://www.lichfielddc.gov.uk/images/3star.png" id="bcstar" alt="We received 3 stars in the Society of IT Managers' annual Better Connected report" /> + <img src="http://www.lichfielddc.gov.uk/site/images/footer-logo.gif" alt="Lichfield District Council" /> + <p class="addNav"><a href="http://www.lichfielddc.gov.uk/site/custom_scripts/mysociety/footer.php?#mast">Jump to the top</a></p> + <p class="addNav"><a href="http://www.lichfielddc.gov.uk/site/scripts/terms.php">Terms and Disclaimer</a> - <a href="http://www.lichfielddc.gov.uk/site/scripts/accessibility.php">Accessibility Statement</a> - <a href="http://www.lichfielddc.gov.uk/site/scripts/website_statistics.php">Websites statistics</a> - <a accesskey="3" href="http://www.lichfielddc.gov.uk/site/scripts/site_map.php">Site map</a> - Lichfield District Council © 2011</p> + + <p class="addNav">Made with <a href="http://validator.w3.org/">XHTML</a> and <a href="http://jigsaw.w3.org/css-validator/">CSS</a> to <a href="http://www.w3.org/WAI/WCAG1AA-Conformance">WAI-AA</a>. <a href="http://www.icra.org">ICRA</a> rated. Powered by Jadu <a href="http://www.jadu.co.uk" >Content Management</a>.</p> - <p class="addNav"><a href="http://www.direct.gov.uk">www.direct.gov.uk</a> - A Beacon Authority</p> - -<p class="hidden"> + <p class="addNav"><a href="http://www.direct.gov.uk">www.direct.gov.uk</a> - A Beacon Authority</p> + +<p class="hidden"> <a accesskey="1" href="http://www.lichfielddc.gov.uk">Homepage</a> / <a accesskey="2" href="http://www.lichfielddc.gov.uk/site/scripts/whats_new_index.php">Whats new </a> / <a accesskey="3" href="http://www.lichfielddc.gov.uk/site/scripts/site_map.php">Site map</a> / @@ -116,10 +72,10 @@ <a accesskey="8" href="http://www.lichfielddc.gov.uk/site/scripts/terms.php">Terms and Privacy</a> / <a accesskey="9" href="http://www.lichfielddc.gov.uk/site/scripts/feedback.php">Feedback</a> / <a accesskey="0" href="http://www.lichfielddc.gov.uk/site/scripts/accessibility.php">Access key details</a> / - <a accesskey="/" href="#mast">Top of the page</a> -</p> - - + <a accesskey="/" href="#mast">Top of the page</a> +</p> + + </div> </div> <!-- #################################### --> diff --git a/templates/web/lichfielddc/header.html b/templates/web/lichfielddc/header.html index 6f91bec1f..cffd26ee6 100644 --- a/templates/web/lichfielddc/header.html +++ b/templates/web/lichfielddc/header.html @@ -7,7 +7,7 @@ @import url(/cobrands/lichfielddc/css/layout.css); </style> - <link rel="stylesheet" type="text/css" href="http://www.lichfielddc.gov.uk/site/styles/standard.css" media="screen" /> + <link rel="stylesheet" type="text/css" href="http://www.lichfielddc.gov.uk/site/styles/standard_1_.css" media="screen" /> <link rel="stylesheet" type="text/css" href="http://www.lichfielddc.gov.uk/site/styles/generic/style.php" media="screen" /> <!--[if lte IE 6]> @@ -61,7 +61,7 @@ <script type="text/javascript" src="http://www.lichfielddc.gov.uk/site/javascript/global.js"></script> - <meta name="Keywords" content="home, homepage, index, root, Lichfield, UK, England, local authority, council, local government, services, citizen, councillor, community, leisure, tourist, tourism, social services, education, enviroment, fire, emergency planning, road safety, transport, motorways, library, libraries, archive, public record, record office, parish councils, county councillors" /> + <meta name="Keywords" content="home, homepage, index, root, Lichfield, UK, England, local authority, council, local government, services, citizen, councillor, community, leisure, tourist, tourism, social services, education, environment, fire, emergency planning, road safety, transport, motorways, library, libraries, archive, public record, record office, parish councils, county councillors" /> <meta name="Description" content="Lichfield District Council: FixMyStreet" /> <meta name="DC.title" lang="en" content="Lichfield District Council: FixMyStreet" /> @@ -72,14 +72,14 @@ [% INCLUDE 'common_header_tags.html' %] </head> -<body PARAM_BODYID> +<body> <!-- ########## MAIN STRUCTURE ######### --> <div id="container"> <div id="mobile_name">Lichfield District Council</div> <div id="mast"> <p class="skip"> - <a accesskey="s" title="Skip to page content, access key S" href="http://www.lichfielddc.gov.uk/site/custom_scripts/mysociety/header.php?#main" rel="nofollow">Jump to content</a> - - <a accesskey="n" title="Skip to main navigation, access key N" href="http://www.lichfielddc.gov.uk/site/custom_scripts/mysociety/header.php?#main-nav" rel="nofollow">Jump to navigation</a> - + <a accesskey="s" title="Skip to page content, access key S" href="[% c.req.url %]#main" rel="nofollow">Jump to content</a> - + <a accesskey="n" title="Skip to main navigation, access key N" href="[% c.req.url %]#main-nav" rel="nofollow">Jump to navigation</a> - <a class="access" title="Change font size, colour and contrast of this site" href="http://www.lichfielddc.gov.uk/site/scripts/user_settings.php">Accessibility Settings</a> </p> @@ -92,10 +92,9 @@ <form action="http://www.lichfielddc.gov.uk/site/scripts/google_results.php" method="get" name="search" id="search"> <fieldset><a title="Create a specific detailed search" href="http://www.lichfielddc.gov.uk/site/scripts/search_index.php">Need help finding something?</a> <label for="SearchSite">Search this site</label> - <input type="text" name="q" size="18" maxlength="40" class="field" id="SearchSite" value=""/> - <input type="hidden" name="site" value="ldc"/> - <input type="hidden" name="client" value="ldc"/> + <input type="text" name="q" size="18" maxlength="40" class="field" id="SearchSite" value="What are you looking for?" style="colour:#666;"/> <input type="hidden" name="output" value="xml"/> + <input type="hidden" name="as_sitesearch" value="lichfielddc.gov.uk"/> <input type="submit" value="Search" class="button" /></fieldset> </form> <div class="pseudoH1"> @@ -129,9 +128,9 @@ </ul><!-- end navigation --> <!-- - <span id="postcodebox" style="display: none;"> + <span id="postcode box" style="display: none;"> <form action="http://www.lichfielddc.gov.uk/site/custom_scripts/myarea.php" method="get" id="pcodeform"> -<label for="postcode">Your Postcode: </label><input name="postcode" id="postcode" class="text" /> <input value="Go!" name="submit" class="pbutton" type="submit" /> +<label for="postcode">Your Postcode: </label><input name="postcode" id="postcode" class="text" /> <input value="Go!" name="submit" class="button" type="submit" /> </form> </span> --> @@ -152,18 +151,31 @@ var url = li.title; window.location = url; } + +$('SearchSite').onfocus = function() { + if (this._cleared) return + this.clear() + this.style.color = '#000' + this._cleared = true + } + /* document.observe("dom:loaded", function() { - Event.observe($('myarea'), 'click', function(event) { + Event.observe($('my area'), 'click', function(event) { $('postcodebox').appear(); event.stop(event); }); }); */ </script> <div id="page_wrap"> <div id="mainContent"> - <div id="content" class="withWidth"> + <div id="content"> <a name="main"></a> + [% IF c.user_exists %] + <ul class="user"> + <li>[% tprintf(loc('Signed in as %s'), c.user.name || c.user.email) %] - <a href="/auth/sign_out">[% loc('Sign out') %]</a></li> + </ul> + [% END %] <!-- BREAD CRUMB NAVIGATION --> <!-- Breadcrumb --><!-- googleoff:all --> @@ -179,9 +191,17 @@ [% CASE '/contact' %] Contact [% END %] </li></ul> + <!-- END Breadcrumb --><!-- googleon:all --> <!-- END BREAD CRUMB --> - <div id="wrap"> - <div id="content"> + +<ul id="nav"> + <li class="section"><a href="/">Report a problem</a></li> + <li class="section"><a href="/reports/Lichfield">All reports</a></li> + <li class="section"><a href="/my">Your reports</a></li> + <li class="section"><a href="/alert">Local alerts</a></li> + <li class="section"><a href="/faq">Help</a></li> + <li class="section"><a href="/contact">Contact</a></li> +</ul> <div id="mysociety"> diff --git a/web/cobrands/lichfielddc/css/layout.css b/web/cobrands/lichfielddc/css/layout.css index 9485985eb..8c2bcf327 100644 --- a/web/cobrands/lichfielddc/css/layout.css +++ b/web/cobrands/lichfielddc/css/layout.css @@ -1,3 +1,7 @@ +#mysociety { + clear: both; +} + #mysociety #postcodeForm { padding: 0.8em; background-color: #F3F4F4; @@ -59,3 +63,97 @@ font:150%/1.4em "Trebuchet MS", Helvetica, Arial, Sans-serif; background:url(http://www.lichfielddc.gov.uk/site/styles/css_img/nav-bg.png) top repeat-x; } + +#mysociety #expl small { + position: relative; + top: 6px !important; + } + +#mysociety h2 { + background: transparent url(http://www.lichfielddc.gov.uk/site/styles/css_img/lilac-dotted-border.png) bottom repeat-x; + padding:0 0 7px 0 !important; + margin: 22px 0 14px 0 !important; + font-size:1.4em; + } + +#mysociety #front_stats div { + background-color: #f5f5f5; + padding: 5px; + } + +#mysociety #front_stats { + padding: 0 65px; + } + +#mysociety #front_stats div big { + margin-bottom: 4px; + } + +#nav { + font-size: 1em; + margin: 0 0 30px 0 !important; + background: transparent url(bg_header.gif) left repeat-x !important; + clear: both; + width: 100%; + float: left; + border: 1px solid #ccc; + padding: 0; + } + +#nav li { + float: left !important; + list-style-type: none !important; + list-style-image: none !important; + border-right: 1px solid #ccc; + padding: 0; + } + +#nav li a { + border: none !important; + color: #111; + font-weight: bold; + padding: 8px 12px !important; + display: block; + } + +#nav li a:hover { + border-bottom: 1px solid #111; + background: transparent url(bg_header2.gif) left repeat-x !important; + } + +#mysociety #fixed { + padding: 5px !important; + margin: 70px 0 10px 0 !important; + width: 540px; + position: relative; + top: 7px + } + +#mysociety p[style] { + border: none !important; + } + +#mysociety #updates div { + border: none; + } + +#mysociety input[type='text'], #mysociety input[type='password'], #mysociety input[type='email'] { + background: #F9F9F1; + border: 1px solid #666 !important; + padding: 5px; + } + +#mysociety input[type='text']:focus, #mysociety input[type='password']:focus, #mysociety input[type='email']:focus { + border:1px solid #000000; + outline:2px solid #98339B; + } + +div#suggest { + border: none !important; + } + +ul.user { + list-style-type: none; + font-size: 80%; + float: right; +} |