[Warwickshire] cobrand work

First Warwickshire styling

 - imported WCC's header and footer files
 - Use Warwickshire colours for page elements
 - Include FMS elements in header
 - Use correct Warwickshire colours on map
 - Use full-screen map on desktop.
 - Improve display of homepage elements
 - Ensure correct classes are added to body tag
 - Make sure site header has correct height on front page
 - Tidy-up of unused header content and wrappers
 - Improve display of map
 - Position map beneath other elements

Improve map display

 - Take some CSS from Warwickshire styles to ensure its applied
 - Fix container widths on map page
 - Make sure map wrapper is the correct width
 - Add style overrides to match  Warwickshire.gov.uk
 - Ensure map controls are visible

Nav and mobile styling

 - Make sure sticky sidebar nav is usable
 - Improve mobile front page
 - Ensure map is full-screen on mobile
 - Improve front page display on mobile
 - Fix map display on desktop
 - Fix Warwickshire and FMS nav on mobile
 - Add viewport meta tag for mobile devices
 - Tighten up vertical spacing on front page
 - Fix header height on tablet size screens
 - Set pan/zoom position in CSS, not JS

Styling tweaks

 - correct styling of nav for wider screens (previous hidden by media query)
 - Add draft Warwickshire FAQ
   - Fixes https://github.com/mysociety/FixMyStreet-Commercial/issues/611
 - Warwickshire. remove all reports link as requested.
   - see https://github.com/mysociety/FixMyStreet-Commercial/issues/609
 - Update WCC footer
   - see https://github.com/mysociety/FixMyStreet-Commercial/issues/597

Bring WCC css locally, and override

 - Override for
   https://github.com/mysociety/FixMyStreet-Commercial/issues/612

 - favicon
   https://github.com/mysociety/FixMyStreet-Commercial/issues/616

 - update contact details
 - custom FAQ

 - fix padding on mobile
   https://github.com/mysociety/FixMyStreet-Commercial/issues/617

3 files changed, 422 insertions, 0 deletions

diff --git a/templates/web/warwickshire/faq/faq-en-gb.html b/templates/web/warwickshire/faq/faq-en-gb.html
new file mode 100755
index 000000000..98736c0a4
--- /dev/null
+++ b/templates/web/warwickshire/faq/faq-en-gb.html
@@ -0,0 +1,176 @@
+[% INCLUDE 'header.html', title = 'Help', bodyclass = 'fullwidthpage' %]
+
+<h1> FAQs </h1>
+
+<h2> How can I report a pothole, street or road problem? </h2>
+
+<p>
+This web site is designed to help Warwickshire residents to report local
+highway faults, including potholes, directly and quickly to us by simply
+locating them on a map. You can do this by using your computer or your mobile
+phone.
+</p>
+
+<p>
+Please report one problem at a time; you will be given an opportunity at the
+end to report another problem using the personal details previously entered. 
+</p>
+
+<p>
+If you are reporting an emergency please do not report it online, but ring our
+Customer Service Centre on <tt>01926 410410</tt>.
+</p>
+
+<h2> What sort of problems can I report? </h2>
+
+<p>You can report any fault from the categories listed below that appears to be
+broken, dirty, damaged or dumped and needs fixing, cleaning or clearing.</p>
+
+<ul>
+    <li>Abandoned Vehicles 
+    <li>Bridge or Culvert defect
+    <li>Bus Stops 
+    <li>Car Parking 
+    <li>Dog Fouling 
+    <li>Flooding or Standing Water on Road 
+    <li>Flytipping/Flyposting 
+    <li>Graffiti
+    <li>Gully or Manhole defect 
+    <li>Hedges / Trees on Rights of Way 
+    <li>Hedges / Trees on Road or Verge 
+    <li>Japanese Knotweed / Ragwort 
+    <li>Obstruction or hazard on Road 
+    <li>Potholes
+    <li>Rights of Way 
+    <li>Road Markings 
+    <li>Road Signs 
+    <li>Road Works Problem 
+    <li>Skip on Road / Verge 
+    <li>Street Lighting 
+    <li>Street Nameplates (same as national Fixmystreet)
+    <li>Traffic Lights 
+    <li>Trunkroad or Motorway defect 
+</ul>
+
+<p>
+Although Warwickshire County Council isn't responsible for the maintenance of
+all things listed in the categories an email will be sent to the appropriate
+organisation. This will contain the details of your fault report.
+</p>
+
+<p>
+Uploaded photos and locations from your smart phone or tablet, in particular,
+can greatly assist our Highways department in determining pothole repair
+priorities.
+</p>
+
+<p>
+The level of response is dependent on the location, size and risk the pothole
+poses to public safety. This may result in the pothole either being repaired
+within 28 days if it is identified as a safety risk; or being repaired as part
+of other programmed works; or being monitored as part of the routine
+inspections programme as the risk to public safety is not sufficient to merit
+any immediate action.
+</p>
+
+<h2> What isn't it for? </h2>
+
+<p>
+The web site is not a way of getting in touch with the council for all issues -
+please use it only for problems highlighted above. As we often route problems
+via our cleansing services or highways departments, using the site for other
+matters may result in a delay in your report getting to the right people.
+</p>
+
+<strong>You will need to</strong> contact the <strong>county council
+    directly</strong> for:
+
+<ul>
+    <li> Any urgent or emergency problems
+    <li> Complaining about the council
+    <li> Any proposals for speed bumps, pedestrian crossings or new road layouts etc.
+</ul>
+
+<h2> How do I use the reporting tool on the site? </h2>
+
+<p>
+After entering a postcode or location, you will then be presented with a map of
+that area. You can then view problems already reported in that area, or report
+any one of your own simply by clicking on the map at the location of the
+problem.
+</p>
+
+<h2> How are the problems solved? </h2>
+
+<p>
+They are reported to us automatically. We then resolve the problem the way we
+normally would. We are planning for updates to appear automatically however,
+this will not be available on this initial version. We are gathering feedback
+for further development of this reporting tool. If you have any suggestions,
+please email <a href="mailto:fmstest@warwickshire.gov.uk">fmstest@warwickshire.gov.uk</a>.
+</p>
+
+<h2> What does the map show? </h2>
+
+<p>
+The map shows all faults submitted online. You can view the exact location of
+each fault and see its current status.
+</p>
+
+<h2> What updates will I receive? </h2>
+
+<p>
+When you record a fault you can sign up to receive updates and you will receive
+an initial email to acknowledge the report. 
+</p>
+
+<p>
+You will then receive an email every time that fault is updated. This could be
+when a member of the public posts an update onto the fault or when we post a status update. 
+</p>
+
+<p>
+All of these updates will also be posted on the mapped fault so that anyone can
+see the status of any fault recorded by clicking on it on the map.
+</p>
+
+<h2> Can I report a fault on my mobile? </h2>
+
+<p>
+Yes, you can view our website on your phone or tablet and it will automatically
+adapt to the size of your screen.
+</p>
+
+<h2> Inappropriate use </h2>
+
+<p>
+Warwickshire County Council is not responsible for the content and accuracy of
+material submitted by its users. Warwickshire County Council will monitor this
+website for instances of inappropriate use, and reserves the right to moderate
+comments if such instances occur.
+</p>
+
+<h2> Why does the site use kilometres for measurements? </h2>
+
+<p>
+The maps are from Ordnance Survey who based their grid reference system on
+measurements in metres and kilometres.
+</p>
+
+<h2> Acknowledgement </h2>
+
+<p>
+This site was built by mySociety, in conjunction with the Young Foundation.
+FixMyStreet is the project of a registered charity mySociety which has grown
+out of the community of volunteers who built sites like TheyWorkForYou.com.
+mySociety's primary mission is to build Internet projects which give people
+simple, tangible benefits in the civic and community aspects of their lives.
+Their first project was WriteToThem, where you can write to any of your elected
+representatives, for free.
+</p>
+
+<p>
+You can find out more about FixMyStreet at <a href="http://www.fixmystreet.com">www.fixmystreet.com</a>.
+</p>
+
+[% INCLUDE 'footer.html' pagefooter = 'yes' %]
diff --git a/templates/web/warwickshire/footer.html b/templates/web/warwickshire/footer.html
new file mode 100644
index 000000000..35c1ae8ec
--- /dev/null
+++ b/templates/web/warwickshire/footer.html
@@ -0,0 +1,41 @@
+        </div>
+    </div>
+</div>
+</div>
+
+			<hr class="footer-container" />
+            <footer>
+            <div class="footer-container">
+				<div class="row">
+		<!--<div class="row style-1-gradient">-->
+					<div class="span3">
+						<aside id="text-7" class="widget widget_text">			<div class="textwidget"><div style="text-align:center;padding-top:5px;">

+<img style="width:auto !important;" src="//www.warwickshire.gov.uk/wp-content/uploads/2014/08/WCC+logo.png" alt="Warwickshire County Council">

+</div></div>
+		</aside>					</div>
+					<div class="span3">
+						<aside id="text-3" class="widget widget_text">			<div class="textwidget"><h4 class="widget-title"><a href="//www.warwickshire.gov.uk/locationmap">Contact details and map</a></h4></div>
+		</aside>					</div>
+					<div class="span2">
+						<aside id="text-4" class="widget widget_text">			<div class="textwidget"><h4 class="widget-title"><a href="//www.warwickshire.gov.uk/?page_id=976766">Information for...</a></h4></div>
+		</aside>					</div>
+					<div class="span2">
+						<aside id="text-5" class="widget widget_text">			<div class="textwidget"><h4 class="widget-title"><a href="//www.warwickshire.gov.uk/socialnetworking">Social media</a></h4></div>
+		</aside><aside id="text-9" class="widget widget_text">			<div class="textwidget"><script src="//static.warwickshire.gov.uk/libs/js/wcc/e-services/engage-test.js"></script></div>
+		</aside>					</div>
+					<div class="span2">
+						<aside id="text-6" class="widget widget_text">			<div class="textwidget"><h4 class="widget-title"><a href="//www.warwickshire.gov.uk/help">Help using the website</a></h4>

+</div>
+		</aside>					</div>
+					
+				</div>
+				<div class="row">
+                    <div class="span12" style="text-align: center">
+                        © Warwickshire County Council
+                    </div>
+                </div>
+            </div>
+    </footer>
+<!-- Fin. -->
+    </body>
+</html>
diff --git a/templates/web/warwickshire/header.html b/templates/web/warwickshire/header.html
new file mode 100644
index 000000000..5de61b56c
--- /dev/null
+++ b/templates/web/warwickshire/header.html
@@ -0,0 +1,205 @@
+<!DOCTYPE html><!-- 3P header begins -->
+<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7 ie6 oldie" lang="[% lang_code %]"> <![endif]-->
+<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8 oldie" ie7 lang="[% lang_code %]"> <![endif]-->
+<!--[if IE 8]>         <html class="no-js lt-ie9 ie8 oldie" lang="[% lang_code %]"> <![endif]-->
+<!--[if IE 9]>         <html class="no-js ie9 oldie" lang="[% lang_code %]"><![endif]-->
+<!--[if gt IE 9]><!--> <html class="no-js" lang="[% lang_code %]"> <!--<![endif]-->
+
+<head>
+    <meta name="viewport" content="initial-scale=1.0">
+
+    <link rel="shortcut icon" href="/cobrands/warwickshire/gamma/images/favicon.ico" />
+
+    <!-- Style -->
+    <link rel="stylesheet" type="text/css" href="[% start %][% version ('/cobrands/' _ c.cobrand.moniker _ '/gamma/style.css') %]" />
+    <link rel="stylesheet" type="text/css" href="[% start %][% version ('/cobrands/' _ c.cobrand.moniker _ '/gamma/bootstrap-responsive.css') %]">
+    <!-- Scripts -->
+    <script src="[% start %][% version ('/cobrands/' _ c.cobrand.moniker _ '/gamma/modernizr-2.6.2-respond-1.1.0.min.js') %]" type="text/javascript"></script>
+    <script src="[% start %][% version ('/cobrands/' _ c.cobrand.moniker _ '/gamma/jquery-1.9.0.min.js') %]" type="text/javascript"></script>
+    <script src="[% start %][% version ('/cobrands/' _ c.cobrand.moniker _ '/gamma/bootstrap.min.js') %]" type="text/javascript"></script>
+    <script src="[% start %][% version ('/cobrands/' _ c.cobrand.moniker _ '/gamma/main.js') %]" type="text/javascript"></script>
+
+    <link rel="stylesheet" href="[% start %][% version('/cobrands/' _ c.cobrand.moniker _ '/base.css') %]">
+    <link rel="stylesheet" href="[% start %][% version('/cobrands/' _ c.cobrand.moniker _ '/layout.css') %]" media="(min-width:48em)">
+    [% extra_css %]
+    <!--[if (lt IE 9) & (!IEMobile)]>
+        <link rel="stylesheet" href="[% start %][% version('/cobrands/' _ c.cobrand.moniker _ '/layout.css') %]">
+    <![endif]-->
+
+    <script src="[% start %][% version('/js/modernizr.custom.js') %]" charset="utf-8"></script>
+    <script src="[% start %][% version('/cobrands/' _ c.cobrand.moniker _ '/position_map.js') %]" charset="utf-8"></script>
+
+    [% INCLUDE 'common_header_tags.html', js_override = '/cobrands/fixmystreet/fixmystreet.js', site_title = c.cobrand.site_title %]
+
+    [% extra_js %]
+</head>
+
+[% TRY %][% PROCESS 'set_body_class.html' %][% CATCH file %][% END %]
+<body class="style-1 [% bodyclass | html IF bodyclass %]">
+    <!--[if lt IE 7]>
+        <div class="alert alert-error"><strong>You are using an outdated browser</strong>. You may want to <a href="//browsehappy.com/">upgrade your browser</a> to improve your experience.</div>
+    <![endif]-->
+    <div id="site-header">
+        <div class="navbar navbar-inverse navbar-fixed-top">
+            <div class="navbar-inner">
+                <div class="container">
+                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                    </a>
+                    <a class="brand" href="//www.warwickshire.gov.uk/"><img src="//www.warwickshire.gov.uk/wp-content/themes/gamma/images/corpwhitelogo.png" alt="Warwickshire Direct" style="width:60px;" /></a>
+                    <div class="nav-collapse collapse">
+                        <nav>
+                            <ul class="nav">
+                                <li class="dropdown">
+                                    <a href="#"  class="dropdown-toggle" data-toggle="dropdown">Residents<b class="caret"></b></a>
+                                    <ul class="dropdown-menu">
+                                        <li><a href="//www.warwickshire.gov.uk/" accesskey="2">Residents - home</a></li>
+                                        <li><a href="//www.warwickshire.gov.uk/environment">Environment</a></li>
+                                        <li><a href="//www.warwickshire.gov.uk/health" accesskey="2">Health</a></li>
+                                        <li><a href="//www.warwickshire.gov.uk/librariesandleisure">Libraries and leisure</a></li>
+                                        <li><a href="//www.warwickshire.gov.uk/roadsandtravel">Roads and travel</a></li>
+                                        <li><a href="//www.warwickshire.gov.uk/registrations">Registrations</a></li>
+                                        <li><a href="//www.warwickshire.gov.uk/safetyandcrime">Safety and crime</a></li>
+                                        <li><a href="//www.warwickshire.gov.uk/schoolsandlearning">Schools and learning</a></li>
+                                        <li><a href="//www.warwickshire.gov.uk/socialcareandhealth">Social care and support</a></li>
+                                    </ul>
+                                </li>
+                                <li class="dropdown">
+                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Business <b class="caret"></b></a>
+                                    <ul class="dropdown-menu">
+                                        <li><a href="//www.warwickshire.gov.uk/business" accesskey="3">Business - home</a></li>
+                                        <li><a href="//www.warwickshire.gov.uk/businesssupportorganisations">Business support organisations</a></li>
+                                        <li><a href="//www.warwickshire.gov.uk/growingyourbusiness">Growing your business</a></li>
+                                        <li><a href="//www.warwickshire.gov.uk/businesshealthandsafety" accesskey="2">Health and safety for businesses</a></li>
+                                        <li><a href="//www.warwickshire.gov.uk/locatingyourbusiness">Locating your business</a></li>
+                                        <li><a href="//www.warwickshire.gov.uk/otherbusinessservices">Other business services</a></li>
+                                        <li><a href="//www.warwickshire.gov.uk/businessadvice">Regulatory business service and advice</a></li>
+                                        <li><a href="//www.warwickshire.gov.uk/startingabusiness" accesskey="2">Starting a business</a></li>
+                                    </ul>
+                                </li>
+                                <li class="dropdown">
+                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">The council <b class="caret"></b></a>
+                                    <ul class="dropdown-menu">
+                                        <li><a href="//www.warwickshire.gov.uk/corporate" accesskey="3">The council - home</a></li>
+                                        <li><a href="//www.warwickshire.gov.uk/democracy">Democracy</a></li>
+                                        <li><a href="//www.warwickshire.gov.uk/financeandsuppliers">Finance and suppliers</a></li>
+                                        <li><a href="//www.warwickshire.gov.uk/listsanddata">Lists, data and information</a></li>
+                                        <li><a href="//www.warwickshire.gov.uk/organisation" accesskey="2">Organisation</a></li>
+                                        <li><a href="//www.warwickshire.gov.uk/performance">Our performance</a></li>
+                                        <li><a href="//www.warwickshire.gov.uk/partnerships">Partnerships</a></li>                   
+                                        <li><a href="//www.warwickshire.gov.uk/policies">Policies, standards and legislation</a></li>
+                                        <li><a href="//www.warwickshire.gov.uk/projects">Projects</a></li>
+                                        <li><a href="//www.warwickshire.gov.uk/strategies">Strategies and priorities</a></li>
+                                    </ul>
+                                </li>
+                                <li class="dropdown">
+                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">More <b class="caret"></b></a>
+                                    <ul class="dropdown-menu">
+                                        <li><a href="//countryparks.warwickshire.gov.uk/" accesskey="4">Country Parks</a></li>
+                                        <li><a href="//hwb.warwickshire.gov.uk/">Health and Wellbeing</a></li>
+                                        <li><a href="//heritage.warwickshire.gov.uk/">Heritage and Culture</a></li>
+                                        <li><a href="//invest.warwickshire.gov.uk/">Invest in Warwickshire</a></li>
+                                        <li><a href="//www.warwickshire.gov.uk/jobs">Jobs</a></li>
+                                        <li><a href="//www.livingwellwithdementia.org/">Living well with dementia</a></li>
+                                        <li><a href="//laf.warwickshire.gov.uk/">Local Access Forum</a></li>
+                                        <li><a href="//news.warwickshire.gov.uk/" accesskey="2">News</a></li>
+                                        <li><a href="//publichealth.warwickshire.gov.uk/">Public Health</a></li>
+                                        <li><a href="//www.warwickshire.gov.uk/spp">Staff, Partners and Practitioners</a></li>
+                                        <li><a href="//wwp.warwickshire.gov.uk/">Waste Partnership</a></li>
+                                        <li><a href="//whittlefordpark.warwickshire.gov.uk/">Whittle Park</a></li>
+                                    </ul>
+                                </li>
+                            </ul>
+                        </nav>
+                    </div><!--/.nav-collapse -->
+                    <div class="nav-collapse collapse pull-right span2">
+                        <ul class="nav">
+                            <li class="dropdown">
+                            <a href="//www.warwickshire.gov.uk/myaccount" class="dropdown-toggle" data-toggle="dropdown">My Account <b class="caret"></b></a>
+                                <ul class="dropdown-menu">
+                                <li>
+                                <a href="//www.warwickshire.gov.uk/me@wcc">Me@WCC</a>
+                                <p class="nav-header" style="font-weight:normal;text-transform:none !important;">Manage event submissions, submit licence applications, or access Atlas</p>
+                                </li>
+                                <li>
+                                <a href="//www.warwickshire.gov.uk/librarylogin">Library account</a>
+                                <p class="nav-header" style="font-weight:normal;text-transform:none !important;">Renew and reserve paper books or borrow eBooks</p>
+                                </li>
+                                <li>
+                                <a href="//www.warwickshire.gov.uk/jobslogin">Jobs</a>
+                                <p class="nav-header" style="font-weight:normal;text-transform:none !important;">Apply for roles or setup alerts</p>
+                                </li>
+                                <li>
+                                <a href="//www.warwickshire.gov.uk/myaccount">Other accounts</a>
+                                </li>
+                            </ul>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="row style-1-gradient" id="top-header">
+            <div class="container">
+                <div class="span12" style="height:100px;">
+                    <div class="row">
+                        <div id="logo-wrap" class="span3" style="padding-top:15px;padding-bottom:15px;">
+                            <a href="//www.warwickshire.gov.uk/"><img src="//www.warwickshire.gov.uk/wp-content/themes/gamma/images/wdwhitelogo.png" alt="Warwickshire County Council - home" title="Warwickshire County Council - home" ></a>
+                        </div>
+                        <div class="span9">
+                            <div class="row">
+                                <div class="span9">
+                                    <form action="//search3.openobjects.com/kb5/warwickshire/search/results.page" method="get" name="kbs" class="navbar-form pull-right" id="site-search">
+                                        <label for="qtbottom" class="skip" style="display:none;">Search again</label>
+                                        <input class="span3" type="text" maxlength="1000" size="40" name="qt" id="qtbottom" alt="Search" placeholder="eg; libraries, roadworks" accesskey="4">
+                                        <button type="submit" value="Search" id="kbsubmitbottom" class="btn btn-mini searchbutton">Search</button>
+                                    </form>
+                                </div>
+                            </div>
+                            <div class="row">
+                                <div id="site-tabs" class="span9">
+                                    <ul class="nav nav-tabs">
+                                        <li class="tab"><a href="//www.warwickshire.gov.uk/">Residents</a></li>
+                                        <li class="tab"><a href="//www.warwickshire.gov.uk/business">Businesses</a></li>
+                                        <li class="tab"><a href="//www.warwickshire.gov.uk/corporate">About the council</a></li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="container navbar-container">
+            <div class="navbar" id="mega-menu-navbar">
+                <div class="navbar-inner">
+                    <ul id="mega-menu" class="menu nav">
+                        <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><[% 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/Warwickshire' %]span[% ELSE %]a href="/reports/Warwickshire"[% END %]>
+                            [% loc("All reports") %]</[% c.req.uri.path == '/reports' ? 'span' : 'a' %]>
+                            </li>
+                            -->
+                            
+                            <li><[% IF c.req.uri.path == '/alert' %]span[% ELSE %]a href="/alert[% pc ? '/list?pc=' : '' %][% pc | uri %]"[% END
+                            %]>[% 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>[%
+                        %]<li id="top-nav-privacy"><[% IF c.req.uri.path == '/privacy' %]span[% ELSE %]a href="/privacy"[% END
+                            %]>[% loc("Privacy") %]</[% c.req.uri.path == '/privacy' ? 'span' : 'a' %]></li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div id="wrapper" class="container wrapper">
+        <div id="mysociety">
+            [% pre_container_extra %]
+            <div class="content[% " $mainclass" | html IF mainclass %]" role="main">