diff options
20 files changed, 4890 insertions, 805 deletions
diff --git a/templates/web/warwickshire/footer.html b/templates/web/warwickshire/footer.html index a22c66200..d6d88535c 100644 --- a/templates/web/warwickshire/footer.html +++ b/templates/web/warwickshire/footer.html @@ -1,42 +1,57 @@ - </div> - </div> -</div> -</div> + </div>[%# close div.content %] + </div>[%# close div#mysociety %] + </div>[%# close div#wrapper.container.wrapper %] - <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> + <footer> + <div class="container"> + <div class="row"> + <div class="span3"> + <aside class="widget widget_text" id="text-7"> + <div class="textwidget"> + <div style="text-align:center;padding-top:5px;"> + <img alt="" src="//www.warwickshire.gov.uk/wp-content/uploads/2014/08/WCC+logo.png" style="width:auto !important;"> + </div> + </div> + </aside> + </div> + <div class="span3"> + <aside class="widget widget_text" id="text-3"> + <div class="textwidget"> + <p><a href="//www.warwickshire.gov.uk/accessibility">Accessibility</a></p> + <p><a href="//www.warwickshire.gov.uk/help">Help using the website</a></p> + <p><a href="//www.warwickshire.gov.uk/disclaimer">Privacy and disclaimer</a></p> + <p><a href="//www.warwickshire.gov.uk/contactus">Contact us</a></p> + <p><a href="//www.warwickshire.gov.uk/az">A-Z of services</a></p> + </div> + </aside> + </div> + <div class="span2"> + <aside class="widget widget_text" id="text-4"> + <div class="textwidget"> + <p><a href="//www.warwickshire.gov.uk/socialnetworking">Social media</a></p> + <p><a href="//www.warwickshire.gov.uk/?page_id=976766">Services for...</a></p> + <p><a href="//www.warwickshire.gov.uk/customerservice">Customer service and complaints</a></p> + </div> + </aside> + </div> + <div class="span2"> + <aside class="widget widget_text" id="text-13"> + <div class="textwidget"> + <a href="https://public.govdelivery.com/accounts/UKWarwickshire/subscriber/new"><img src="http://www.warwickshire.gov.uk/wp-content/uploads/2016/05/keep-me-posted-white-on-trans-155x39.png"></a> + </div> + </aside> </div> </div> + <div class="row"> + <div class="span4"></div> + <div class="span4" style="text-align:center;"> + <p>© Warwickshire County Council</p> + </div> + <div class="span4"></div> + </div> + </div> </footer> -<!-- Fin. --> + [% INCLUDE 'common_footer_tags.html' %] </body> </html> diff --git a/templates/web/warwickshire/header.html b/templates/web/warwickshire/header.html index 81c1d9d23..727a81c5f 100644 --- a/templates/web/warwickshire/header.html +++ b/templates/web/warwickshire/header.html @@ -7,16 +7,36 @@ <head> <meta name="viewport" content="initial-scale=1.0"> - <link rel="shortcut icon" href="/cobrands/warwickshire/vendor/gamma/images/favicon.ico" /> + <link rel="shortcut icon" href="/cobrands/warwickshire/vendor/gamma/images/favicon_wcc.ico" /> + <link rel="icon" type="image/png" href="/cobrands/warwickshire/vendor/gamma/images/favicon-WCC.png" /> + <link rel="apple-touch-icon" href="/cobrands/warwickshire/vendor/gamma/images/apple-touch-icon-WCC.png" /> + + <link rel="stylesheet" href="[% version ('/cobrands/' _ c.cobrand.moniker _ '/vendor/gamma/style.css') %]" /> + <link rel="stylesheet" href="[% version ('/cobrands/' _ c.cobrand.moniker _ '/vendor/gamma/bootstrap-responsive.css') %]" /> + <link rel="stylesheet" href="[% version ('/cobrands/' _ c.cobrand.moniker _ '/vendor/gamma/image-navigation.css') %]" /> + <link rel="stylesheet" href="[% version ('/cobrands/' _ c.cobrand.moniker _ '/vendor/gamma/venues.css') %]" /> + <link rel="stylesheet" media="print" href="[% version ('/cobrands/' _ c.cobrand.moniker _ '/vendor/gamma/print.css') %]" /> - <!-- Style --> - <link rel="stylesheet" type="text/css" href="[% version ('/cobrands/' _ c.cobrand.moniker _ '/vendor/gamma/style.css') %]" /> - <link rel="stylesheet" type="text/css" href="[% version ('/cobrands/' _ c.cobrand.moniker _ '/vendor/gamma/bootstrap-responsive.css') %]"> - <!-- Scripts --> <script src="[% version ('/cobrands/' _ c.cobrand.moniker _ '/vendor/gamma/modernizr-2.6.2-respond-1.1.0.min.js') %]" type="text/javascript"></script> <script src="[% version ('/cobrands/' _ c.cobrand.moniker _ '/vendor/gamma/jquery-1.9.0.min.js') %]" type="text/javascript"></script> <script src="[% version ('/cobrands/' _ c.cobrand.moniker _ '/vendor/gamma/bootstrap.min.js') %]" type="text/javascript"></script> <script src="[% version ('/cobrands/' _ c.cobrand.moniker _ '/vendor/gamma/main.js') %]" type="text/javascript"></script> + <script src="[% version ('/cobrands/' _ c.cobrand.moniker _ '/vendor/gamma/jquery.tabSlideOut.v1.3.js') %]" type="text/javascript"></script> + <script type="text/javascript"> + function popup(mylink, wname) { + if (! window.focus)return true; + var href; + if (typeof(mylink) == 'string') + href=mylink; + else + href=mylink.href; + window.open(href,wname,'width=345, height=590,scrollbars=no'); + return false; + } + </script> + <script src="[% version ('/cobrands/' _ c.cobrand.moniker _ '/vendor/gamma/jquery.cycle.js') %]" type="text/javascript"></script> + <script src="[% version ('/cobrands/' _ c.cobrand.moniker _ '/vendor/gamma/jquery.zrssfeed.o.js') %]" type="text/javascript"></script> + <script src="[% version ('/cobrands/' _ c.cobrand.moniker _ '/vendor/gamma/homepage-slider-test.js') %]" type="text/javascript"></script> <link rel="stylesheet" href="[% version('/cobrands/' _ c.cobrand.moniker _ '/base.css') %]"> <link rel="stylesheet" href="[% version('/cobrands/' _ c.cobrand.moniker _ '/layout.css') %]" media="(min-width:48em)"> @@ -30,140 +50,10 @@ [% TRY %][% PROCESS 'set_body_class.html' %][% CATCH file %][% END %] <body class="style-1 [% bodyclass | html IF bodyclass %]"> - <div id="beta-label" style="position:fixed; top:0; left:0; z-index:1059"> - <img alt="" src="https://news.warwickshire.gov.uk/wp-content/themes/fullscreen-maps/images/beta.png"> - </div> - <!--[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"> - <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 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> - </div> - </div> - <div class="container navbar-container"> - <div class="navbar" id="mega-menu-navbar"> - <div class="navbar-inner"> - [% INCLUDE "main_nav.html" body_name=c.cobrand.council_area hide_all_reports_link=1 omit_wrapper=1 ul_class="menu nav" ul_id="mega-menu" %] - </div> - </div> - </div> - </div> + + [% INCLUDE 'warwickshire_masthead.html' %] + + [% INCLUDE "main_nav.html" body_name=c.cobrand.council_area hide_all_reports_link=1 ul_class='container' %] <div id="wrapper" class="container wrapper"> <div id="mysociety"> diff --git a/templates/web/warwickshire/warwickshire_masthead.html b/templates/web/warwickshire/warwickshire_masthead.html new file mode 100644 index 000000000..1c87d3e89 --- /dev/null +++ b/templates/web/warwickshire/warwickshire_masthead.html @@ -0,0 +1,219 @@ +<!--[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 class="navbar navbar-inverse navbar-fixed-top"> + <div class="navbar-inner"> + <div class="container"> + <a class="btn btn-navbar" data-target=".nav-collapse" data-toggle="collapse"> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + </a> + <a alt="Warwickshire County Council Search" class="search btn-search pull-right"> + <span class="icon-search icon-white"></span> + </a> + <a href="#maincontent" id="skiptomain">Skip to main content</a> + <a alt="Warwickshire County Council logo" class="brand" href="//www.warwickshire.gov.uk/"> + <img alt="Warwickshire County Council" src="http://www.warwickshire.gov.uk/wp-content/themes/gamma/images/corpwhitelogo.png" style="width:85px;"> + </a> + <a alt="Gov Delivery logo" class="gdslogo" href="https://public.govdelivery.com/accounts/UKWarwickshire/subscriber/new"> + <img alt="GDSl" src="http://www.warwickshire.gov.uk/wp-content/themes/gamma/images/keep_me_posted_envelope_17px.png" style="width:17px;"> + </a> + <a alt="Gov Delivery logo" class="govdelmobile pull-right" href="https://public.govdelivery.com/accounts/UKWarwickshire/subscriber/new"> + <img alt="GDSl" src="http://www.warwickshire.gov.uk/wp-content/themes/gamma/images/keep_me_posted_envelope_17px.png" style="width:17px;"> + </a> + <a class="gdstext" href="https://public.govdelivery.com/accounts/UKWarwickshire/subscriber/new">Email alerts</a> + <div class="nav-collapse collapse pull-left" id="right-topbar"> + <ul class="nav pull-right"> + <li class="dropdown"> + <a class="dropdown-toggle sign-in" href="//www.warwickshire.gov.uk/myaccount"><i class="icon-white icon-user"></i> My account</a> + <ul class="dropdown-menu"> + <li> + <a href="https://customer.warwickshire.gov.uk/login">Self account</a> + <p class="nav-header" style="font-weight:normal;text-transform:none !important;"> + Contact us, streetlight faults, blue badges, etc + </p> + </li> + <li> + <a href="//www.warwickshire.gov.uk/me@wcc">Me@WCC - Atlas</a> + </li> + <li> + <a href="//www.warwickshire.gov.uk/librarylogin">Library account</a> + </li> + <li> + <a href="//www.warwickshire.gov.uk/jobslogin">Jobs</a> + </li> + <li> + <a href="https://admissions.warwickshire.gov.uk/Enrol/Website/login.aspx">School admissions</a> + </li> + <li> + <a href="https://apps.warwickshire.gov.uk/SchoolsIDP/users/sign_in">Warwickshire Education Service (WES)</a> + </li> + <li> + <a href="//www.warwickshire.gov.uk/myaccount">Other accounts</a> + </li> + </ul> + </li> + </ul> + </div> + <div class="nav-collapse collapse" id="left-topbar"> + <nav> + <ul class="nav"> + <li class="dropdown"> + <a class="dropdown-toggle" data-toggle="dropdown" href="//www.warwickshire.gov.uk">Residents<b class="caret"></b></a> + <ul class="dropdown-menu"> + <li> + <a href="http://www.warwickshire.gov.uk/">Residents - home</a> + </li> + <li> + <a href="http://www.warwickshire.gov.uk/environment">Environment</a> + </li> + <li> + <a href="http://www.warwickshire.gov.uk/health">Health</a> + </li> + <li> + <a href="http://www.warwickshire.gov.uk/librariesandleisure">Libraries and leisure</a> + </li> + <li> + <a href="http://www.warwickshire.gov.uk/roadsandtravel">Roads and travel</a> + </li> + <li> + <a href="http://www.warwickshire.gov.uk/registrations">Registrations</a> + </li> + <li> + <a href="http://www.warwickshire.gov.uk/safetyandcrime">Safety and crime</a> + </li> + <li> + <a href="http://www.warwickshire.gov.uk/schoolsandlearning">Schools and learning</a> + </li> + <li> + <a href="http://www.warwickshire.gov.uk/socialcareandhealth">Social care and support</a> + </li> + <li> + <a href="http://www.warwickshire.gov.uk/contactus">Customer service and contacts</a> + </li> + </ul> + </li> + <li class="dropdown"> + <a class="dropdown-toggle" data-toggle="dropdown" href="//www.warwickshire.gov.uk/business">Business <b class="caret"></b></a> + <ul class="dropdown-menu"> + <li> + <a href="http://www.warwickshire.gov.uk/business">Business - home</a> + </li> + <li> + <a href="http://www.warwickshire.gov.uk/businesssupportorganisations">Business support organisations</a> + </li> + <li> + <a href="http://www.warwickshire.gov.uk/growingyourbusiness">Growing your business</a> + </li> + <li> + <a href="http://www.warwickshire.gov.uk/businesshealthandsafety">Health and safety for businesses</a> + </li> + <li> + <a href="http://www.warwickshire.gov.uk/locatingyourbusiness">Locating your business</a> + </li> + <li> + <a href="http://www.warwickshire.gov.uk/otherbusinessservices">Other business services</a> + </li> + <li> + <a href="http://www.warwickshire.gov.uk/businessadvice">Regulatory business service and advice</a> + </li> + <li> + <a href="http://www.warwickshire.gov.uk/startingabusiness">Starting a business</a> + </li> + </ul> + </li> + <li class="dropdown"> + <a class="dropdown-toggle" data-toggle="dropdown" href="//www.warwickshire.gov.uk/corporate">The council <b class="caret"></b></a> + <ul class="dropdown-menu"> + <li> + <a href="http://www.warwickshire.gov.uk/corporate">The council - home</a> + </li> + <li> + <a href="http://www.warwickshire.gov.uk/democracy">Democracy</a> + </li> + <li> + <a href="http://www.warwickshire.gov.uk/financeandsuppliers">Finance and suppliers</a> + </li> + <li> + <a href="http://www.warwickshire.gov.uk/jobs">Jobs</a> + </li> + <li> + <a href="http://www.warwickshire.gov.uk/listsanddata">Lists, data and information</a> + </li> + <li> + <a href="http://www.warwickshire.gov.uk/news">News</a> + </li> + <li> + <a href="http://www.warwickshire.gov.uk/organisation">Organisation</a> + </li> + <li> + <a href="http://www.warwickshire.gov.uk/performance">Our performance</a> + </li> + <li> + <a href="http://www.warwickshire.gov.uk/partnerships">Partnerships</a> + </li> + <li> + <a href="http://www.warwickshire.gov.uk/policies">Policies, standards and legislation</a> + </li> + <li> + <a href="http://www.warwickshire.gov.uk/projects">Projects</a> + </li> + <li> + <a href="http://www.warwickshire.gov.uk/strategies">Strategies and priorities</a> + </li> + </ul> + </li> + <li class="dropdown"> + <a class="dropdown-toggle" data-toggle="dropdown" href="//www.warwickshire.gov.uk/onlineestate">More sites<b class="caret"></b></a> + <ul class="dropdown-menu"> + <li> + <a href="http://countryparks.warwickshire.gov.uk/">Country Parks</a> + </li> + <li> + <a href="http://hwb.warwickshire.gov.uk/">Health and Wellbeing</a> + </li> + <li> + <a href="http://heritage.warwickshire.gov.uk/">Heritage and Culture</a> + </li> + <li> + <a href="http://invest.warwickshire.gov.uk/">Invest in Warwickshire</a> + </li> + <li> + <a href="http://www.warwickshire.gov.uk/jobs">Jobs</a> + </li> + <li> + <a href="http://www.livingwellwithdementia.org/">Living well with dementia</a> + </li> + <li> + <a href="http://laf.warwickshire.gov.uk/">Local Access Forum</a> + </li> + <li> + <a href="//news.warwickshire.gov.uk/">News</a> + </li> + <li> + <a href="http://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="http://wwp.warwickshire.gov.uk/">Waste Partnership</a> + </li> + <li> + <a href="http://whittlefordpark.warwickshire.gov.uk/">Whittleford Park</a> + </li> + </ul> + </li> + </ul> + <form action="//search3.openobjects.com/kb5/warwickshire/search/results.page" class="navbar-form pull-right" id="site-search" method="get" name="kbs"> + <label class="skip" for="qtbottom" style="display:none;">Search again</label> + <input alt="Search" class="span3" id="qtbottom" maxlength="1000" name="qt" placeholder="eg; libraries, roadworks" size="40" type="text"> + <button class="btn btn-mini searchbutton" id="kbsubmitbottom" type="submit" value="Search">Search</button> + </form> + </nav> + </div> + </div> + </div> +</div>
\ No newline at end of file diff --git a/web/cobrands/warwickshire/_colours.scss b/web/cobrands/warwickshire/_colours.scss index 8c2c41406..154cf1bef 100644 --- a/web/cobrands/warwickshire/_colours.scss +++ b/web/cobrands/warwickshire/_colours.scss @@ -1,6 +1,7 @@ /* COLOURS */ $green: #006d3c; +$purple: #90428C; $primary: $green; $primary_b: #000000; @@ -13,7 +14,9 @@ $map_nav_bg: #fff; $nav_fg: #000; $nav_fg_hover: $primary; -$col_click_map: $green; +$col_click_map: $purple; $col_fixed_label: #00BD08; $col_fixed_label_dark: #4B8304; + +$header-top-border: false; diff --git a/web/cobrands/warwickshire/base.scss b/web/cobrands/warwickshire/base.scss index eeefc0d80..bb4b3d08a 100644 --- a/web/cobrands/warwickshire/base.scss +++ b/web/cobrands/warwickshire/base.scss @@ -18,30 +18,13 @@ color: white; } -#mega-menu-navbar { - margin-bottom: 0; - margin-top: 5px; -} - -#site-search input[type=text] { - display: inline-block; -} - - -.navbar-fixed-top { - position: static; -} - body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; -} -#site-header { - nav ul li, ul.nav li { - list-style: none; - margin-bottom: 0; + @media (max-width: 767px) { + min-width: 0; // why does Warwickshire even set a min-width on the body!? } } @@ -49,67 +32,100 @@ body.mappage > div.container { padding-top: 0; } -.footer-container { - font-size: 16px; -} +body > .navbar { + font-size: 15px; // match body {font-size: 15px } from the live site -@media (max-width: 767px) { - body { - padding-left: 0; - padding-right: 0; + .nav li { + list-style: none; // override our default list styles from _base.scss + margin-bottom: 0; // override our default list styles from _base.scss } +} - .navbar-fixed-top { - margin-left: 0; - margin-right: 0; +body.style-1 > footer { + @media (max-width: 767px) { + margin: 0 -20px; // fix a bug in Warwickshire's CSS that leaves a gap either side of footer } +} - .style-1-gradient { - margin-left: 0 !important; - margin-right: 0 !important; +body > div.container { + @media (max-width: 380px) { + margin: 0 -20px; // fix a bug in Warwickshire's CSS that leaves a gap either side of .container elements } +} - body.frontpage #wrapper { - padding: 5px 0; - } +// Quick way to fix search not fitting on a single line with nav bar! +#site-search { + display: none; +} - body.mappage #wrapper { - padding-top: 0; - } +// The custom FMS nav links just below the masthead +#main-nav { + background-color: $green; + color: #fff; + padding: 10px 0; + margin: 0 -20px; // overlap 20px padding either side of body + text-align: center; - #front-howto, #front-recently { - padding-left: 15px; + li { + display: inline-block; + list-style: none; + margin: 0; + padding: 0; + } - section.full-width { - margin: 0 0 0 -15px; - } + a, + span { + display: inline-block; + padding: 5px 10px; } - #top-header .container { - padding: 0 1em; + span { + color: mix(#fff, $green, 70%); } - #mega-menu-navbar .navbar-inner { - padding: 0; + a { + color: #fff; - #mega-menu li a { - padding: 4px 8px; + &:hover, + &:focus { + color: #fff; + text-decoration: none; } } +} - .navbar .nav { - margin: 0; +// Bootstrap messes up our inputs! +select, +textarea, +input[type="text"], +input[type="password"], +input[type="datetime"], +input[type="datetime-local"], +input[type="date"], +input[type="month"], +input[type="time"], +input[type="week"], +input[type="number"], +input[type="email"], +input[type="url"], +input[type="search"], +input[type="tel"], +input[type="color"], +.uneditable-input { + height: auto; + + &.form-control { + border: 1px solid #aaa; + box-shadow: inset 0 1px 3px rgba(0,0,0,0.2); } - } -#mega-menu-navbar .navbar-inner { - display: block; +// Bootstrap adds underlines to all our sidebar links! +.item-list a { + text-decoration: none !important; } -@media (max-width: 979px) { - .navbar-fixed-top .navbar-inner { - padding-top: 0; - padding-bottom: 0; - } +// Bootstrap messes up our map tiles if we don't disable the max-width. +#map_box img { + max-width: none !important; } diff --git a/web/cobrands/warwickshire/layout.scss b/web/cobrands/warwickshire/layout.scss index 0415d1f2a..53ec9e4b7 100644 --- a/web/cobrands/warwickshire/layout.scss +++ b/web/cobrands/warwickshire/layout.scss @@ -1,4 +1,4 @@ -$mappage-header-height: 41px + 100px + 37px; // .navbar-inverse + #top-header + #mega-menu-navbar +$mappage-header-height: 49px + 50px; // .navbar + #main-nav @import "_colours"; @import "../sass/layout"; @@ -10,25 +10,6 @@ $mappage-header-height: 41px + 100px + 37px; // .navbar-inverse + #top-header + } } -body.mappage { - footer, .footer-container, #footer-container, #footer-logos-bottom { - display: none; - } - - #wrapper.container:before, #wrapper.container:after { - display: none; - } - - #site-header .navbar { - margin-top: 0; // remove space between FMS nav links and green header - } - - #mega-menu-navbar .navbar-inner { - border-width: 0 0 1px 0; - border-radius: 0; - } -} - body.twothirdswidthpage .content .sticky-sidebar { z-index: 0; @@ -37,28 +18,16 @@ body.twothirdswidthpage .content .sticky-sidebar { } } -#footer-logos-bottom .container { - background: $base_bg; +#main-nav { + text-align: inherit; + min-height: 0; + display: block; // undo flex-container() + float: none; } -#top-header { - [class*="span"] { - margin-left: 2%; - } - - .span12 { - width: 98%; - } - - .span3 { - width: 23%; - } - - .span9 { - width: 73%; +body.mappage { + & > .navbar .container, + & > #main-nav .container { + width: auto !important; // override bootstrap media queries } } - -#site-search.navbar-form input { - width: 16em; -}
\ No newline at end of file diff --git a/web/cobrands/warwickshire/vendor/gamma/bootstrap-responsive.css b/web/cobrands/warwickshire/vendor/gamma/bootstrap-responsive.css index 2dbc61a6e..0e566eca6 100644 --- a/web/cobrands/warwickshire/vendor/gamma/bootstrap-responsive.css +++ b/web/cobrands/warwickshire/vendor/gamma/bootstrap-responsive.css @@ -790,8 +790,13 @@ body { padding-right: 20px; padding-left: 20px; - min-width:320px; /*PL edit*/ + min-width:320px; /*PL edit*/ } + + .show-search .mobile-search{ + display:block; + } + .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top { @@ -800,6 +805,8 @@ } .container-fluid { padding: 0; + padding-left: 10%; /*added 05-09-2016 - DJ */ + padding-right: 10%; } .dl-horizontal dt { float: none; @@ -889,6 +896,9 @@ .nav-collapse { -webkit-transform: translate3d(0, 0, 0); } + + + .page-header h1 small { display: block; line-height: 20px; @@ -941,6 +951,15 @@ body { padding-top: 0; } + + .show-search .mobile-search{ + display:block; + } + +nav #site-search{ + display: none; +} + .navbar-fixed-top, .navbar-fixed-bottom { position: static; @@ -989,8 +1008,9 @@ .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a { padding: 9px 15px; - font-weight: bold; + font-weight: normal; /*bold;*/ color: #777777; + text-decoration: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; @@ -1079,8 +1099,10 @@ height: 0; overflow: hidden; } - .navbar .btn-navbar { + /*added margin top to icons */ + .navbar .btn-navbar, .navbar .btn-search { display: block; + margin-top: 10px; } .navbar-static .navbar-inner { padding-right: 10px; @@ -1093,4 +1115,20 @@ height: auto !important; overflow: visible !important; } + .show-search{ + height: 10px !important; + } + + .sign-in::before { + content: "| "; +} + + .sign-in::after { + content: " |"; +} + + + + + } diff --git a/web/cobrands/warwickshire/vendor/gamma/homepage-slider-test.js b/web/cobrands/warwickshire/vendor/gamma/homepage-slider-test.js new file mode 100644 index 000000000..d02a1e3f6 --- /dev/null +++ b/web/cobrands/warwickshire/vendor/gamma/homepage-slider-test.js @@ -0,0 +1,27 @@ +function GetContent(url) { + var api = "//query.yahooapis.com/v1/public/yql?q=" + encodeURIComponent("select * from xml where url = '" + url + "'") + "&format=json"; + + $.getJSON(api, function(data){ + if (data.query.count > 0) { + for (var i = 0; i < data.query.results.rss.channel.item.length; i++) { + // get item and thumbnail from feed item + item = data.query.results.rss.channel.item[i]; + itemThumb = item.content.thumbnail; + //build up item to insert + rssLink = '<a href="' + item.link + '"><img class="featured-news-image" src="' + itemThumb.url + '" alt="' + item.title + '" height>' + '</a>'; + rssCapt = '<div class="carousel-caption"><h3><a href="' + item.link + '">' + item.title + '</a></h3></div>'; + rssSpan = '<span class="wrap" style="height:300px;">' + rssLink + rssCapt + '</span>'; + rssItem = '<div class="item slide pane-' + (i + 1) + '">' + rssSpan + '</div>'; + jQuery('#latest-news').append(rssItem); + } + // after our JSON has loaded successfully, then we begin to slide + jQuery('#latest-news .slide').first().addClass('active'); + jQuery('#featured-slider').carousel('pause'); + } + else { + // no content from the feed, log data for analysis and show message + console.log( data ); + jQuery('#latest-news').append('<div class="item slide"><span class="wrap" style="height:300px;"></span><div class="carousel-caption"><h3>Sorry, something went wrong when we tried to get those stories for you.</h3></div></div>'); + } + }); +}
\ No newline at end of file diff --git a/web/cobrands/warwickshire/vendor/gamma/image-navigation.css b/web/cobrands/warwickshire/vendor/gamma/image-navigation.css new file mode 100644 index 000000000..67e316385 --- /dev/null +++ b/web/cobrands/warwickshire/vendor/gamma/image-navigation.css @@ -0,0 +1,664 @@ +/* formerly wedding style css +stylesheet created by Dave Jennings, e-services, WCC on 25/01/2016 */ +/* latest version 13-01--2017 - DJ */ + +.redtext { +color:red; +} + +#spanDate { + font-weight: bold; +color:transparent; +} + +div.page-intro { +margin-bottom:0px; +} + +.promo-box img { +padding:5px; +} + +.promo-box { +/*background-color:rgb(200,225,200);*/ +background-color:rgba(208,208,208,.41); +margin-left:0; +} + +.promo-title-text a { +color:black; +background-color:#2b4d42; +padding-left:10px; +padding-right:10px; +padding-top:5px; +padding-bottom:5px; +} + +.promo-text { +color:black; +margin:7px; +} + +.promo-link { +margin:10px; +} + +.title-text { +font-size:15px; +color:white; +background-color:rgba(15, 15, 15, 0.70); /* changed from #2b4d42 - DJ - 25-01-2016 */ + +position:absolute; +} + +.image-nav-large img { +width:auto; +margin:auto; +display:block; +} + +div.image-nav-large:hover { +/*ckground-color:#C8E1C8;*/ +background-color:rgba(208, 208, 208, 0.27) +} + +.image-nav-large a:hover { +text-decoration:none; +color:black; +background-color:rgba(208, 208, 208, 0.27) +} + +.desc-text { +padding-bottom:10px; +margin-bottom:0px; +text-decoration: none; +font-weight: lighter; +} + + + +@media (min-width: 1200px) { + +.photo-mobile { +display:none !important; +} + +.title-text { +margin-left:32px; /* changed from 25px - DJ - 25-01-2016 */ +margin-top:-211px; /* changed from -70px - DJ - 25-01-2016 */ +padding-left:10px; +padding-right:10px; +padding-top:5px; +padding-bottom:5px; +} + +.desc-text { +margin-left:25px; +margin-right:25px; +padding-bottom:25px; +} + +#image-a { + text-decoration: none; /* created as id as could not get class to work - DJ - 25-01-2016 */ +} + +.navigation-photo { +padding-top:20px; +} + +} + +@media (min-width: 981px) and (max-width: 1199px) { + +.photo-mobile { +display:none !important; +} + +.image-nav-large img { +width:90%; +} + +.title-text { +margin-left:15px; +margin-top:-70px; +padding-left:10px; +padding-right:10px; +padding-top:5px; +padding-bottom:5px; +} + +.desc-text { +margin-left:15px; +margin-right:15px; +padding-bottom:15px; +} + +#image-a { + text-decoration: none; /* created as id as could not get class to work - DJ - 25-01-2016 */ +} + +.navigation-photo { +padding-top:15px; +} + +} + +@media (min-width: 768px) and (max-width: 980px) { + +.photo-mobile { +display:none !important; +} + +div.page-intro-intro { +margin-bottom:0px !important; +} + +.image-nav-large img { +width:90%; +} + +.title-text { +margin-left:11px; +margin-top:-70px; +padding-left:10px; +padding-right:10px; +padding-top:5px; +padding-bottom:5px; +} + +.desc-text { +margin-left:10px; +margin-right:10px; +padding-bottom:10px; +} + +#image-a { + text-decoration: none; /* created as id as could not get class to work - DJ - 25-01-2016 */ +} + +.navigation-photo { +padding-top:13px; +} + +.promo-box a { +padding-bottom:5px; +} + +} + +@media (max-width: 767px) { + +.photo-mobile { +display:block !important; +padding:5px; +background-color: transparent; +} + +.photo-mobile img { +height:60px; +margin-left:0px; +} + +div.image-nav-large { +/*background-color:#C8E1C8;*/ +background-color:rgb(208,208,208); +border-radius:10px; +margin-top:5px; +min-height:60px; +} + +.title-text { +/*background-color:#C8E1C8;*/ +background-color:rgb(208,208,208); +font-size:20px; +color:#006D3C; +position:absolute; +margin-left:80px; +margin-top:-56px; +padding-left:0px; +padding-right:0px; +padding-top:0px; +padding-bottom:0px; +} + +.desc-text { +display:none; +} + +.desc-text a:hover{ +color:black; +} + +.promo-box img { +width:97%; +} + +.image-nav-large img { +display:none; +margin:0px; +} + +.navigation-page-row { +margin-top:-5px; +} + +.promo-box h2 { +padding-left:5px; +} + +.promo-box a { +margin-left:5px; +padding-bottom:5px; +} +} + +/* venue styling */ + +.venue-title { +font-size:20px; /* changed from 16px DJ - 27-01-2016 */ +font-weight: normal; /* changed from bold - DJ - 27-01-2016 */ +margin:10px; +line-height:20px; +color: black; +padding-top: 0px; +} + +.venue-title-med { +font-size:20px; /* changed from 16px DJ - 27-01-2016 */ +font-weight: normal; /* changed from bold - DJ - 27-01-2016 */ +margin:10px; +line-height:20px; +color: black; +margin-left: 25px; +} + +/*div.weddings-intro { +margin-bottom:0px; +} +*/ + +/*.title-text { +font-size:15px; +color:white; +background-color:#2b4d42; +position:absolute; +} +*/ + +/*.wedding-nav-large img { +width:auto; +margin:auto; +display:block; +} +*/ + +.nav-small img { +width:auto; +margin:auto; +display:block; +} + +/*div.wedding-nav-large:hover { +background-color:rgb(200,225,200); +} +*/ + +div.nav-small:hover { +/*background-color:rgb(200,225,200);*/ +background-color:rgba(208, 208, 208, 0.27) +} + +.wedding-nav-large a:hover { +text-decoration:none; +color:black; +} + +.nav-small a:hover { +text-decoration:none; +color:black; +} + +#venue-description { + padding-left: 10px; + margin-bottom: 20px; +} + + +#venue-description-med { + padding-left: 25px; + margin-bottom: 20px; +} + +.desc-text { +padding-bottom:0px; +margin-bottom:0px; +text-decoration: none; +font-weight: lighter; +} + +.venue-text { +padding:10px 10px 10px 10px; +margin:10px; +text-decoration: none; +font-weight: lighter; +} + +@media (min-width: 1200px) { + +.photo-mobile { +display:none !important; +} + +/*.title-text { +margin-left:25px; +margin-top:-70px; +padding-left:10px; +padding-right:10px; +padding-top:5px; +padding-bottom:5px; +} +*/ + +.desc-text { +margin-left:25px; +margin-right:25px; +padding-bottom:25px; +} + +.nav-photo-small { +padding-top:15px; +} + +.alt-nav-photo-small { +padding-top:20px; +} + +} + +@media (min-width: 981px) and (max-width: 1199px) { + + + +.photo-mobile { +display:none !important; +} + +.wedding-nav-large img { +width:90%; +} + +.nav-small img { +width:90%; +} + +.title-text { +margin-left:15px; +margin-top:-70px; +padding-left:10px; +padding-right:10px; +padding-top:5px; +padding-bottom:5px; +} + +.desc-text { +margin-left:15px; +margin-right:15px; +padding-bottom:15px; +} + +.nav-photo-small { +padding-top:15px; +} + +.alt-nav-photo-small { +padding-top:15px; +} + +} + +@media (min-width: 768px) and (max-width: 980px) { + +.photo-mobile { +display:none !important; +} + +.wedding-nav-large img { +width:90%; +} + +.nav-small img { +width:90%; +} + +.title-text { +margin-left:11px; +margin-top:-70px; +padding-left:10px; +padding-right:10px; +padding-top:5px; +padding-bottom:5px; +} + +.desc-text { +margin-left:10px; +margin-right:10px; +padding-bottom:10px; +} + +.venue-photo { +padding-top:10px; +} + +.alt-nav-photo-small { +padding-top:10px; +} +} + +@media (max-width: 767px) { + +.venue-title /*h3*/ { +line-height:20px !important; +/*font-size: 14px;*/ +font-size:20px; /* changed from 14px DJ - 27-01-2016 */ +font-weight: normal; /* changed from bold - DJ - 27-01-2016 */ +} + +.nav-photo-small img { +padding-top:5px; +display:inline; +max-width:75%; +} + +#image-a { + text-decoration: none; /* created as id as could not get class to work - DJ - 25-01-2016 */ +} + +#venue-description a{ + text-decoration: none; +} + +.photo-mobile { +display:block !important; +padding:5px; +margin-left:0px !important; +} + +.photo-mobile img { +height:60px; +margin-left:0px; +} + +/*div.wedding-nav-large { +background-color:#C8E1C8; +border-radius:10px; +margin-top:5px; +min-height:60px; +} +*/ + +div.nav-small { +min-height:110px; +} + +.nav-small img { +height:100px; +display:block; +float:left; +padding:5px; +text-decoration: none; +} + + +/*.title-text { +background-color:#C8E1C8; +font-size:20px; +color:#006D3C; +position:absolute; +margin-left:80px; +margin-top:-56px; +padding-left:0px; +padding-right:0px; +padding-top:0px; +padding-bottom:0px; +} +*/ +.desc-text { +display:none; +} + +.venue-text { +font-size:14px; +} + +.desc-text a:hover{ +color:black; +} + +.alt-nav-photo-small { +display:none !important; +} + +.navigation-page-row { +margin-top:-5px; +} + +} + +.goog-te-gadget { + font-family: arial; + /* font-size: 11px; */ + color: white!important; + white-space: nowrap; +} + +#skiptomain { +color:white!important; +} + + +div#multiColumn { + -moz-column-count: 2; + -moz-column-gap: 20px; + -webkit-column-count: 2; + -webkit-column-gap: 20px; + column-count: 2; + column-gap: 20px; +} + +/* print */ +@media print { +body {background:white; + font-size:10pt; + margin:0 } +#sidebar { display:none } +#header { height:75px } +#content{ margin-left:0; + float:none; + width:auto } +.demo .red { color:black; + font-weight:bold } +#content a { font-weight:bold; + color:#000066; + text-decoration:underline } +#content{ margin-left:0; + float:none; + width:auto } +#footer, .ad { display:none } +h1, h2, h3, h4, h5, h6 { page-break-after:avoid; + page-break-inside:avoid } +h3 { margin-left:10px; + margin-bottom:0px; + padding-bottom:0px } +blockquote, table, pre { page-break-inside:avoid } +ul, ol, dl { page-break-before:avoid } +img.centered { display: block; + margin-left: auto; + margin-right: auto; } +img.right { padding: 4px; + margin: 0 0 2px 7px; + display: inline; } +img.left { padding: 4px; + margin: 0 7px 2px 0; + display: inline; } +.right { float: right; } +.left { float: left } +img { page-break-inside:avoid; + page-break-after:avoid; } +} + +.rss-list-item-first { +padding-bottom:0px; +border-bottom: solid; +border-width: 1px; +border-color: #ddd; +} + +.rss-list-item-sub { +padding-bottom:0px!important; +border-bottom: solid; +border-width: 1px; +border-color: #ddd; +} +.snippet { +margin-bottom: 0px; +} + +.rss-list-item-first h4 { +font-size:16px; +font-weight:bold; +margin-bottom:5px; +} + +.rss-list-item-first h5 { + font-size: 12px; + font-weight: bold; +padding-top:0px; +margin-top:5px; +margin-bottom:5px; +} + + +.rss-list-item-sub { +padding-bottom:0px!important; +} +.rss-list-item-sub h4 { + font-size: 16px; + font-weight: bold; +padding-top:0px; +margin-bottom:5px; +} + +.rss-list-item-sub h5 { + font-size: 12px; + font-weight: bold; + padding-top: 0px; +margin-top:5px; +margin-bottom:5px +} + +#rss-box-1 h4 { + margin-bottom: -5px; +} +.rss2html-note { +display:none; +} diff --git a/web/cobrands/warwickshire/vendor/gamma/images/apple-touch-icon-WCC.png b/web/cobrands/warwickshire/vendor/gamma/images/apple-touch-icon-WCC.png Binary files differnew file mode 100644 index 000000000..3390358fb --- /dev/null +++ b/web/cobrands/warwickshire/vendor/gamma/images/apple-touch-icon-WCC.png diff --git a/web/cobrands/warwickshire/vendor/gamma/images/favicon-WCC.png b/web/cobrands/warwickshire/vendor/gamma/images/favicon-WCC.png Binary files differnew file mode 100644 index 000000000..f216b2e1d --- /dev/null +++ b/web/cobrands/warwickshire/vendor/gamma/images/favicon-WCC.png diff --git a/web/cobrands/warwickshire/vendor/gamma/images/favicon.ico b/web/cobrands/warwickshire/vendor/gamma/images/favicon.ico Binary files differdeleted file mode 100644 index 53e51b914..000000000 --- a/web/cobrands/warwickshire/vendor/gamma/images/favicon.ico +++ /dev/null diff --git a/web/cobrands/warwickshire/vendor/gamma/images/favicon_wcc.ico b/web/cobrands/warwickshire/vendor/gamma/images/favicon_wcc.ico Binary files differnew file mode 100644 index 000000000..1c9b0b4b9 --- /dev/null +++ b/web/cobrands/warwickshire/vendor/gamma/images/favicon_wcc.ico diff --git a/web/cobrands/warwickshire/vendor/gamma/images/glyphicons-halflings-white.png b/web/cobrands/warwickshire/vendor/gamma/images/glyphicons-halflings-white.png Binary files differnew file mode 100644 index 000000000..3bf6484a2 --- /dev/null +++ b/web/cobrands/warwickshire/vendor/gamma/images/glyphicons-halflings-white.png diff --git a/web/cobrands/warwickshire/vendor/gamma/jquery.cycle.js b/web/cobrands/warwickshire/vendor/gamma/jquery.cycle.js new file mode 100644 index 000000000..666afdaf9 --- /dev/null +++ b/web/cobrands/warwickshire/vendor/gamma/jquery.cycle.js @@ -0,0 +1,1538 @@ +/*! + * jQuery Cycle Plugin (with Transition Definitions) + * Examples and documentation at: http://jquery.malsup.com/cycle/ + * Copyright (c) 2007-2012 M. Alsup + * Version: 2.9999.81 (15-JAN-2013) + * Dual licensed under the MIT and GPL licenses. + * http://jquery.malsup.com/license.html + * Requires: jQuery v1.7.1 or later + */ +;(function($, undefined) { +"use strict"; + +var ver = '2.9999.81'; + +function debug(s) { + if ($.fn.cycle.debug) + log(s); +} +function log() { + if (window.console && console.log) + console.log('[cycle] ' + Array.prototype.join.call(arguments,' ')); +} +$.expr[':'].paused = function(el) { + return el.cyclePause; +}; + + +// the options arg can be... +// a number - indicates an immediate transition should occur to the given slide index +// a string - 'pause', 'resume', 'toggle', 'next', 'prev', 'stop', 'destroy' or the name of a transition effect (ie, 'fade', 'zoom', etc) +// an object - properties to control the slideshow +// +// the arg2 arg can be... +// the name of an fx (only used in conjunction with a numeric value for 'options') +// the value true (only used in first arg == 'resume') and indicates +// that the resume should occur immediately (not wait for next timeout) + +$.fn.cycle = function(options, arg2) { + var o = { s: this.selector, c: this.context }; + + // in 1.3+ we can fix mistakes with the ready state + if (this.length === 0 && options != 'stop') { + if (!$.isReady && o.s) { + log('DOM not ready, queuing slideshow'); + $(function() { + $(o.s,o.c).cycle(options,arg2); + }); + return this; + } + // is your DOM ready? http://docs.jquery.com/Tutorials:Introducing_$(document).ready() + log('terminating; zero elements found by selector' + ($.isReady ? '' : ' (DOM not ready)')); + return this; + } + + // iterate the matched nodeset + return this.each(function() { + var opts = handleArguments(this, options, arg2); + if (opts === false) + return; + + opts.updateActivePagerLink = opts.updateActivePagerLink || $.fn.cycle.updateActivePagerLink; + + // stop existing slideshow for this container (if there is one) + if (this.cycleTimeout) + clearTimeout(this.cycleTimeout); + this.cycleTimeout = this.cyclePause = 0; + this.cycleStop = 0; // issue #108 + + var $cont = $(this); + var $slides = opts.slideExpr ? $(opts.slideExpr, this) : $cont.children(); + var els = $slides.get(); + + if (els.length < 2) { + log('terminating; too few slides: ' + els.length); + return; + } + + var opts2 = buildOptions($cont, $slides, els, opts, o); + if (opts2 === false) + return; + + var startTime = opts2.continuous ? 10 : getTimeout(els[opts2.currSlide], els[opts2.nextSlide], opts2, !opts2.backwards); + + // if it's an auto slideshow, kick it off + if (startTime) { + startTime += (opts2.delay || 0); + if (startTime < 10) + startTime = 10; + debug('first timeout: ' + startTime); + this.cycleTimeout = setTimeout(function(){go(els,opts2,0,!opts.backwards);}, startTime); + } + }); +}; + +function triggerPause(cont, byHover, onPager) { + var opts = $(cont).data('cycle.opts'); + if (!opts) + return; + var paused = !!cont.cyclePause; + if (paused && opts.paused) + opts.paused(cont, opts, byHover, onPager); + else if (!paused && opts.resumed) + opts.resumed(cont, opts, byHover, onPager); +} + +// process the args that were passed to the plugin fn +function handleArguments(cont, options, arg2) { + if (cont.cycleStop === undefined) + cont.cycleStop = 0; + if (options === undefined || options === null) + options = {}; + if (options.constructor == String) { + switch(options) { + case 'destroy': + case 'stop': + var opts = $(cont).data('cycle.opts'); + if (!opts) + return false; + cont.cycleStop++; // callbacks look for change + if (cont.cycleTimeout) + clearTimeout(cont.cycleTimeout); + cont.cycleTimeout = 0; + if (opts.elements) + $(opts.elements).stop(); + $(cont).removeData('cycle.opts'); + if (options == 'destroy') + destroy(cont, opts); + return false; + case 'toggle': + cont.cyclePause = (cont.cyclePause === 1) ? 0 : 1; + checkInstantResume(cont.cyclePause, arg2, cont); + triggerPause(cont); + return false; + case 'pause': + cont.cyclePause = 1; + triggerPause(cont); + return false; + case 'resume': + cont.cyclePause = 0; + checkInstantResume(false, arg2, cont); + triggerPause(cont); + return false; + case 'prev': + case 'next': + opts = $(cont).data('cycle.opts'); + if (!opts) { + log('options not found, "prev/next" ignored'); + return false; + } + $.fn.cycle[options](opts); + return false; + default: + options = { fx: options }; + } + return options; + } + else if (options.constructor == Number) { + // go to the requested slide + var num = options; + options = $(cont).data('cycle.opts'); + if (!options) { + log('options not found, can not advance slide'); + return false; + } + if (num < 0 || num >= options.elements.length) { + log('invalid slide index: ' + num); + return false; + } + options.nextSlide = num; + if (cont.cycleTimeout) { + clearTimeout(cont.cycleTimeout); + cont.cycleTimeout = 0; + } + if (typeof arg2 == 'string') + options.oneTimeFx = arg2; + go(options.elements, options, 1, num >= options.currSlide); + return false; + } + return options; + + function checkInstantResume(isPaused, arg2, cont) { + if (!isPaused && arg2 === true) { // resume now! + var options = $(cont).data('cycle.opts'); + if (!options) { + log('options not found, can not resume'); + return false; + } + if (cont.cycleTimeout) { + clearTimeout(cont.cycleTimeout); + cont.cycleTimeout = 0; + } + go(options.elements, options, 1, !options.backwards); + } + } +} + +function removeFilter(el, opts) { + if (!$.support.opacity && opts.cleartype && el.style.filter) { + try { el.style.removeAttribute('filter'); } + catch(smother) {} // handle old opera versions + } +} + +// unbind event handlers +function destroy(cont, opts) { + if (opts.next) + $(opts.next).unbind(opts.prevNextEvent); + if (opts.prev) + $(opts.prev).unbind(opts.prevNextEvent); + + if (opts.pager || opts.pagerAnchorBuilder) + $.each(opts.pagerAnchors || [], function() { + this.unbind().remove(); + }); + opts.pagerAnchors = null; + $(cont).unbind('mouseenter.cycle mouseleave.cycle'); + if (opts.destroy) // callback + opts.destroy(opts); +} + +// one-time initialization +function buildOptions($cont, $slides, els, options, o) { + var startingSlideSpecified; + // support metadata plugin (v1.0 and v2.0) + var opts = $.extend({}, $.fn.cycle.defaults, options || {}, $.metadata ? $cont.metadata() : $.meta ? $cont.data() : {}); + var meta = $.isFunction($cont.data) ? $cont.data(opts.metaAttr) : null; + if (meta) + opts = $.extend(opts, meta); + if (opts.autostop) + opts.countdown = opts.autostopCount || els.length; + + var cont = $cont[0]; + $cont.data('cycle.opts', opts); + opts.$cont = $cont; + opts.stopCount = cont.cycleStop; + opts.elements = els; + opts.before = opts.before ? [opts.before] : []; + opts.after = opts.after ? [opts.after] : []; + + // push some after callbacks + if (!$.support.opacity && opts.cleartype) + opts.after.push(function() { removeFilter(this, opts); }); + if (opts.continuous) + opts.after.push(function() { go(els,opts,0,!opts.backwards); }); + + saveOriginalOpts(opts); + + // clearType corrections + if (!$.support.opacity && opts.cleartype && !opts.cleartypeNoBg) + clearTypeFix($slides); + + // container requires non-static position so that slides can be position within + if ($cont.css('position') == 'static') + $cont.css('position', 'relative'); + if (opts.width) + $cont.width(opts.width); + if (opts.height && opts.height != 'auto') + $cont.height(opts.height); + + if (opts.startingSlide !== undefined) { + opts.startingSlide = parseInt(opts.startingSlide,10); + if (opts.startingSlide >= els.length || opts.startSlide < 0) + opts.startingSlide = 0; // catch bogus input + else + startingSlideSpecified = true; + } + else if (opts.backwards) + opts.startingSlide = els.length - 1; + else + opts.startingSlide = 0; + + // if random, mix up the slide array + if (opts.random) { + opts.randomMap = []; + for (var i = 0; i < els.length; i++) + opts.randomMap.push(i); + opts.randomMap.sort(function(a,b) {return Math.random() - 0.5;}); + if (startingSlideSpecified) { + // try to find the specified starting slide and if found set start slide index in the map accordingly + for ( var cnt = 0; cnt < els.length; cnt++ ) { + if ( opts.startingSlide == opts.randomMap[cnt] ) { + opts.randomIndex = cnt; + } + } + } + else { + opts.randomIndex = 1; + opts.startingSlide = opts.randomMap[1]; + } + } + else if (opts.startingSlide >= els.length) + opts.startingSlide = 0; // catch bogus input + opts.currSlide = opts.startingSlide || 0; + var first = opts.startingSlide; + + // set position and zIndex on all the slides + $slides.css({position: 'absolute', top:0, left:0}).hide().each(function(i) { + var z; + if (opts.backwards) + z = first ? i <= first ? els.length + (i-first) : first-i : els.length-i; + else + z = first ? i >= first ? els.length - (i-first) : first-i : els.length-i; + $(this).css('z-index', z); + }); + + // make sure first slide is visible + $(els[first]).css('opacity',1).show(); // opacity bit needed to handle restart use case + removeFilter(els[first], opts); + + // stretch slides + if (opts.fit) { + if (!opts.aspect) { + if (opts.width) + $slides.width(opts.width); + if (opts.height && opts.height != 'auto') + $slides.height(opts.height); + } else { + $slides.each(function(){ + var $slide = $(this); + var ratio = (opts.aspect === true) ? $slide.width()/$slide.height() : opts.aspect; + if( opts.width && $slide.width() != opts.width ) { + $slide.width( opts.width ); + $slide.height( opts.width / ratio ); + } + + if( opts.height && $slide.height() < opts.height ) { + $slide.height( opts.height ); + $slide.width( opts.height * ratio ); + } + }); + } + } + + if (opts.center && ((!opts.fit) || opts.aspect)) { + $slides.each(function(){ + var $slide = $(this); + $slide.css({ + "margin-left": opts.width ? + ((opts.width - $slide.width()) / 2) + "px" : + 0, + "margin-top": opts.height ? + ((opts.height - $slide.height()) / 2) + "px" : + 0 + }); + }); + } + + if (opts.center && !opts.fit && !opts.slideResize) { + $slides.each(function(){ + var $slide = $(this); + $slide.css({ + "margin-left": opts.width ? ((opts.width - $slide.width()) / 2) + "px" : 0, + "margin-top": opts.height ? ((opts.height - $slide.height()) / 2) + "px" : 0 + }); + }); + } + + // stretch container + var reshape = (opts.containerResize || opts.containerResizeHeight) && !$cont.innerHeight(); + if (reshape) { // do this only if container has no size http://tinyurl.com/da2oa9 + var maxw = 0, maxh = 0; + for(var j=0; j < els.length; j++) { + var $e = $(els[j]), e = $e[0], w = $e.outerWidth(), h = $e.outerHeight(); + if (!w) w = e.offsetWidth || e.width || $e.attr('width'); + if (!h) h = e.offsetHeight || e.height || $e.attr('height'); + maxw = w > maxw ? w : maxw; + maxh = h > maxh ? h : maxh; + } + if (opts.containerResize && maxw > 0 && maxh > 0) + $cont.css({width:maxw+'px',height:maxh+'px'}); + if (opts.containerResizeHeight && maxh > 0) + $cont.css({height:maxh+'px'}); + } + + var pauseFlag = false; // https://github.com/malsup/cycle/issues/44 + if (opts.pause) + $cont.bind('mouseenter.cycle', function(){ + pauseFlag = true; + this.cyclePause++; + triggerPause(cont, true); + }).bind('mouseleave.cycle', function(){ + if (pauseFlag) + this.cyclePause--; + triggerPause(cont, true); + }); + + if (supportMultiTransitions(opts) === false) + return false; + + // apparently a lot of people use image slideshows without height/width attributes on the images. + // Cycle 2.50+ requires the sizing info for every slide; this block tries to deal with that. + var requeue = false; + options.requeueAttempts = options.requeueAttempts || 0; + $slides.each(function() { + // try to get height/width of each slide + var $el = $(this); + this.cycleH = (opts.fit && opts.height) ? opts.height : ($el.height() || this.offsetHeight || this.height || $el.attr('height') || 0); + this.cycleW = (opts.fit && opts.width) ? opts.width : ($el.width() || this.offsetWidth || this.width || $el.attr('width') || 0); + + if ( $el.is('img') ) { + var loading = (this.cycleH === 0 && this.cycleW === 0 && !this.complete); + // don't requeue for images that are still loading but have a valid size + if (loading) { + if (o.s && opts.requeueOnImageNotLoaded && ++options.requeueAttempts < 100) { // track retry count so we don't loop forever + log(options.requeueAttempts,' - img slide not loaded, requeuing slideshow: ', this.src, this.cycleW, this.cycleH); + setTimeout(function() {$(o.s,o.c).cycle(options);}, opts.requeueTimeout); + requeue = true; + return false; // break each loop + } + else { + log('could not determine size of image: '+this.src, this.cycleW, this.cycleH); + } + } + } + return true; + }); + + if (requeue) + return false; + + opts.cssBefore = opts.cssBefore || {}; + opts.cssAfter = opts.cssAfter || {}; + opts.cssFirst = opts.cssFirst || {}; + opts.animIn = opts.animIn || {}; + opts.animOut = opts.animOut || {}; + + $slides.not(':eq('+first+')').css(opts.cssBefore); + $($slides[first]).css(opts.cssFirst); + + if (opts.timeout) { + opts.timeout = parseInt(opts.timeout,10); + // ensure that timeout and speed settings are sane + if (opts.speed.constructor == String) + opts.speed = $.fx.speeds[opts.speed] || parseInt(opts.speed,10); + if (!opts.sync) + opts.speed = opts.speed / 2; + + var buffer = opts.fx == 'none' ? 0 : opts.fx == 'shuffle' ? 500 : 250; + while((opts.timeout - opts.speed) < buffer) // sanitize timeout + opts.timeout += opts.speed; + } + if (opts.easing) + opts.easeIn = opts.easeOut = opts.easing; + if (!opts.speedIn) + opts.speedIn = opts.speed; + if (!opts.speedOut) + opts.speedOut = opts.speed; + + opts.slideCount = els.length; + opts.currSlide = opts.lastSlide = first; + if (opts.random) { + if (++opts.randomIndex == els.length) + opts.randomIndex = 0; + opts.nextSlide = opts.randomMap[opts.randomIndex]; + } + else if (opts.backwards) + opts.nextSlide = opts.startingSlide === 0 ? (els.length-1) : opts.startingSlide-1; + else + opts.nextSlide = opts.startingSlide >= (els.length-1) ? 0 : opts.startingSlide+1; + + // run transition init fn + if (!opts.multiFx) { + var init = $.fn.cycle.transitions[opts.fx]; + if ($.isFunction(init)) + init($cont, $slides, opts); + else if (opts.fx != 'custom' && !opts.multiFx) { + log('unknown transition: ' + opts.fx,'; slideshow terminating'); + return false; + } + } + + // fire artificial events + var e0 = $slides[first]; + if (!opts.skipInitializationCallbacks) { + if (opts.before.length) + opts.before[0].apply(e0, [e0, e0, opts, true]); + if (opts.after.length) + opts.after[0].apply(e0, [e0, e0, opts, true]); + } + if (opts.next) + $(opts.next).bind(opts.prevNextEvent,function(){return advance(opts,1);}); + if (opts.prev) + $(opts.prev).bind(opts.prevNextEvent,function(){return advance(opts,0);}); + if (opts.pager || opts.pagerAnchorBuilder) + buildPager(els,opts); + + exposeAddSlide(opts, els); + + return opts; +} + +// save off original opts so we can restore after clearing state +function saveOriginalOpts(opts) { + opts.original = { before: [], after: [] }; + opts.original.cssBefore = $.extend({}, opts.cssBefore); + opts.original.cssAfter = $.extend({}, opts.cssAfter); + opts.original.animIn = $.extend({}, opts.animIn); + opts.original.animOut = $.extend({}, opts.animOut); + $.each(opts.before, function() { opts.original.before.push(this); }); + $.each(opts.after, function() { opts.original.after.push(this); }); +} + +function supportMultiTransitions(opts) { + var i, tx, txs = $.fn.cycle.transitions; + // look for multiple effects + if (opts.fx.indexOf(',') > 0) { + opts.multiFx = true; + opts.fxs = opts.fx.replace(/\s*/g,'').split(','); + // discard any bogus effect names + for (i=0; i < opts.fxs.length; i++) { + var fx = opts.fxs[i]; + tx = txs[fx]; + if (!tx || !txs.hasOwnProperty(fx) || !$.isFunction(tx)) { + log('discarding unknown transition: ',fx); + opts.fxs.splice(i,1); + i--; + } + } + // if we have an empty list then we threw everything away! + if (!opts.fxs.length) { + log('No valid transitions named; slideshow terminating.'); + return false; + } + } + else if (opts.fx == 'all') { // auto-gen the list of transitions + opts.multiFx = true; + opts.fxs = []; + for (var p in txs) { + if (txs.hasOwnProperty(p)) { + tx = txs[p]; + if (txs.hasOwnProperty(p) && $.isFunction(tx)) + opts.fxs.push(p); + } + } + } + if (opts.multiFx && opts.randomizeEffects) { + // munge the fxs array to make effect selection random + var r1 = Math.floor(Math.random() * 20) + 30; + for (i = 0; i < r1; i++) { + var r2 = Math.floor(Math.random() * opts.fxs.length); + opts.fxs.push(opts.fxs.splice(r2,1)[0]); + } + debug('randomized fx sequence: ',opts.fxs); + } + return true; +} + +// provide a mechanism for adding slides after the slideshow has started +function exposeAddSlide(opts, els) { + opts.addSlide = function(newSlide, prepend) { + var $s = $(newSlide), s = $s[0]; + if (!opts.autostopCount) + opts.countdown++; + els[prepend?'unshift':'push'](s); + if (opts.els) + opts.els[prepend?'unshift':'push'](s); // shuffle needs this + opts.slideCount = els.length; + + // add the slide to the random map and resort + if (opts.random) { + opts.randomMap.push(opts.slideCount-1); + opts.randomMap.sort(function(a,b) {return Math.random() - 0.5;}); + } + + $s.css('position','absolute'); + $s[prepend?'prependTo':'appendTo'](opts.$cont); + + if (prepend) { + opts.currSlide++; + opts.nextSlide++; + } + + if (!$.support.opacity && opts.cleartype && !opts.cleartypeNoBg) + clearTypeFix($s); + + if (opts.fit && opts.width) + $s.width(opts.width); + if (opts.fit && opts.height && opts.height != 'auto') + $s.height(opts.height); + s.cycleH = (opts.fit && opts.height) ? opts.height : $s.height(); + s.cycleW = (opts.fit && opts.width) ? opts.width : $s.width(); + + $s.css(opts.cssBefore); + + if (opts.pager || opts.pagerAnchorBuilder) + $.fn.cycle.createPagerAnchor(els.length-1, s, $(opts.pager), els, opts); + + if ($.isFunction(opts.onAddSlide)) + opts.onAddSlide($s); + else + $s.hide(); // default behavior + }; +} + +// reset internal state; we do this on every pass in order to support multiple effects +$.fn.cycle.resetState = function(opts, fx) { + fx = fx || opts.fx; + opts.before = []; opts.after = []; + opts.cssBefore = $.extend({}, opts.original.cssBefore); + opts.cssAfter = $.extend({}, opts.original.cssAfter); + opts.animIn = $.extend({}, opts.original.animIn); + opts.animOut = $.extend({}, opts.original.animOut); + opts.fxFn = null; + $.each(opts.original.before, function() { opts.before.push(this); }); + $.each(opts.original.after, function() { opts.after.push(this); }); + + // re-init + var init = $.fn.cycle.transitions[fx]; + if ($.isFunction(init)) + init(opts.$cont, $(opts.elements), opts); +}; + +// this is the main engine fn, it handles the timeouts, callbacks and slide index mgmt +function go(els, opts, manual, fwd) { + var p = opts.$cont[0], curr = els[opts.currSlide], next = els[opts.nextSlide]; + + // opts.busy is true if we're in the middle of an animation + if (manual && opts.busy && opts.manualTrump) { + // let manual transitions requests trump active ones + debug('manualTrump in go(), stopping active transition'); + $(els).stop(true,true); + opts.busy = 0; + clearTimeout(p.cycleTimeout); + } + + // don't begin another timeout-based transition if there is one active + if (opts.busy) { + debug('transition active, ignoring new tx request'); + return; + } + + + // stop cycling if we have an outstanding stop request + if (p.cycleStop != opts.stopCount || p.cycleTimeout === 0 && !manual) + return; + + // check to see if we should stop cycling based on autostop options + if (!manual && !p.cyclePause && !opts.bounce && + ((opts.autostop && (--opts.countdown <= 0)) || + (opts.nowrap && !opts.random && opts.nextSlide < opts.currSlide))) { + if (opts.end) + opts.end(opts); + return; + } + + // if slideshow is paused, only transition on a manual trigger + var changed = false; + if ((manual || !p.cyclePause) && (opts.nextSlide != opts.currSlide)) { + changed = true; + var fx = opts.fx; + // keep trying to get the slide size if we don't have it yet + curr.cycleH = curr.cycleH || $(curr).height(); + curr.cycleW = curr.cycleW || $(curr).width(); + next.cycleH = next.cycleH || $(next).height(); + next.cycleW = next.cycleW || $(next).width(); + + // support multiple transition types + if (opts.multiFx) { + if (fwd && (opts.lastFx === undefined || ++opts.lastFx >= opts.fxs.length)) + opts.lastFx = 0; + else if (!fwd && (opts.lastFx === undefined || --opts.lastFx < 0)) + opts.lastFx = opts.fxs.length - 1; + fx = opts.fxs[opts.lastFx]; + } + + // one-time fx overrides apply to: $('div').cycle(3,'zoom'); + if (opts.oneTimeFx) { + fx = opts.oneTimeFx; + opts.oneTimeFx = null; + } + + $.fn.cycle.resetState(opts, fx); + + // run the before callbacks + if (opts.before.length) + $.each(opts.before, function(i,o) { + if (p.cycleStop != opts.stopCount) return; + o.apply(next, [curr, next, opts, fwd]); + }); + + // stage the after callacks + var after = function() { + opts.busy = 0; + $.each(opts.after, function(i,o) { + if (p.cycleStop != opts.stopCount) return; + o.apply(next, [curr, next, opts, fwd]); + }); + if (!p.cycleStop) { + // queue next transition + queueNext(); + } + }; + + debug('tx firing('+fx+'); currSlide: ' + opts.currSlide + '; nextSlide: ' + opts.nextSlide); + + // get ready to perform the transition + opts.busy = 1; + if (opts.fxFn) // fx function provided? + opts.fxFn(curr, next, opts, after, fwd, manual && opts.fastOnEvent); + else if ($.isFunction($.fn.cycle[opts.fx])) // fx plugin ? + $.fn.cycle[opts.fx](curr, next, opts, after, fwd, manual && opts.fastOnEvent); + else + $.fn.cycle.custom(curr, next, opts, after, fwd, manual && opts.fastOnEvent); + } + else { + queueNext(); + } + + if (changed || opts.nextSlide == opts.currSlide) { + // calculate the next slide + var roll; + opts.lastSlide = opts.currSlide; + if (opts.random) { + opts.currSlide = opts.nextSlide; + if (++opts.randomIndex == els.length) { + opts.randomIndex = 0; + opts.randomMap.sort(function(a,b) {return Math.random() - 0.5;}); + } + opts.nextSlide = opts.randomMap[opts.randomIndex]; + if (opts.nextSlide == opts.currSlide) + opts.nextSlide = (opts.currSlide == opts.slideCount - 1) ? 0 : opts.currSlide + 1; + } + else if (opts.backwards) { + roll = (opts.nextSlide - 1) < 0; + if (roll && opts.bounce) { + opts.backwards = !opts.backwards; + opts.nextSlide = 1; + opts.currSlide = 0; + } + else { + opts.nextSlide = roll ? (els.length-1) : opts.nextSlide-1; + opts.currSlide = roll ? 0 : opts.nextSlide+1; + } + } + else { // sequence + roll = (opts.nextSlide + 1) == els.length; + if (roll && opts.bounce) { + opts.backwards = !opts.backwards; + opts.nextSlide = els.length-2; + opts.currSlide = els.length-1; + } + else { + opts.nextSlide = roll ? 0 : opts.nextSlide+1; + opts.currSlide = roll ? els.length-1 : opts.nextSlide-1; + } + } + } + if (changed && opts.pager) + opts.updateActivePagerLink(opts.pager, opts.currSlide, opts.activePagerClass); + + function queueNext() { + // stage the next transition + var ms = 0, timeout = opts.timeout; + if (opts.timeout && !opts.continuous) { + ms = getTimeout(els[opts.currSlide], els[opts.nextSlide], opts, fwd); + if (opts.fx == 'shuffle') + ms -= opts.speedOut; + } + else if (opts.continuous && p.cyclePause) // continuous shows work off an after callback, not this timer logic + ms = 10; + if (ms > 0) + p.cycleTimeout = setTimeout(function(){ go(els, opts, 0, !opts.backwards); }, ms); + } +} + +// invoked after transition +$.fn.cycle.updateActivePagerLink = function(pager, currSlide, clsName) { + $(pager).each(function() { + $(this).children().removeClass(clsName).eq(currSlide).addClass(clsName); + }); +}; + +// calculate timeout value for current transition +function getTimeout(curr, next, opts, fwd) { + if (opts.timeoutFn) { + // call user provided calc fn + var t = opts.timeoutFn.call(curr,curr,next,opts,fwd); + while (opts.fx != 'none' && (t - opts.speed) < 250) // sanitize timeout + t += opts.speed; + debug('calculated timeout: ' + t + '; speed: ' + opts.speed); + if (t !== false) + return t; + } + return opts.timeout; +} + +// expose next/prev function, caller must pass in state +$.fn.cycle.next = function(opts) { advance(opts,1); }; +$.fn.cycle.prev = function(opts) { advance(opts,0);}; + +// advance slide forward or back +function advance(opts, moveForward) { + var val = moveForward ? 1 : -1; + var els = opts.elements; + var p = opts.$cont[0], timeout = p.cycleTimeout; + if (timeout) { + clearTimeout(timeout); + p.cycleTimeout = 0; + } + if (opts.random && val < 0) { + // move back to the previously display slide + opts.randomIndex--; + if (--opts.randomIndex == -2) + opts.randomIndex = els.length-2; + else if (opts.randomIndex == -1) + opts.randomIndex = els.length-1; + opts.nextSlide = opts.randomMap[opts.randomIndex]; + } + else if (opts.random) { + opts.nextSlide = opts.randomMap[opts.randomIndex]; + } + else { + opts.nextSlide = opts.currSlide + val; + if (opts.nextSlide < 0) { + if (opts.nowrap) return false; + opts.nextSlide = els.length - 1; + } + else if (opts.nextSlide >= els.length) { + if (opts.nowrap) return false; + opts.nextSlide = 0; + } + } + + var cb = opts.onPrevNextEvent || opts.prevNextClick; // prevNextClick is deprecated + if ($.isFunction(cb)) + cb(val > 0, opts.nextSlide, els[opts.nextSlide]); + go(els, opts, 1, moveForward); + return false; +} + +function buildPager(els, opts) { + var $p = $(opts.pager); + $.each(els, function(i,o) { + $.fn.cycle.createPagerAnchor(i,o,$p,els,opts); + }); + opts.updateActivePagerLink(opts.pager, opts.startingSlide, opts.activePagerClass); +} + +$.fn.cycle.createPagerAnchor = function(i, el, $p, els, opts) { + var a; + if ($.isFunction(opts.pagerAnchorBuilder)) { + a = opts.pagerAnchorBuilder(i,el); + debug('pagerAnchorBuilder('+i+', el) returned: ' + a); + } + else + a = '<a href="#">'+(i+1)+'</a>'; + + if (!a) + return; + var $a = $(a); + // don't reparent if anchor is in the dom + if ($a.parents('body').length === 0) { + var arr = []; + if ($p.length > 1) { + $p.each(function() { + var $clone = $a.clone(true); + $(this).append($clone); + arr.push($clone[0]); + }); + $a = $(arr); + } + else { + $a.appendTo($p); + } + } + + opts.pagerAnchors = opts.pagerAnchors || []; + opts.pagerAnchors.push($a); + + var pagerFn = function(e) { + e.preventDefault(); + opts.nextSlide = i; + var p = opts.$cont[0], timeout = p.cycleTimeout; + if (timeout) { + clearTimeout(timeout); + p.cycleTimeout = 0; + } + var cb = opts.onPagerEvent || opts.pagerClick; // pagerClick is deprecated + if ($.isFunction(cb)) + cb(opts.nextSlide, els[opts.nextSlide]); + go(els,opts,1,opts.currSlide < i); // trigger the trans +// return false; // <== allow bubble + }; + + if ( /mouseenter|mouseover/i.test(opts.pagerEvent) ) { + $a.hover(pagerFn, function(){/* no-op */} ); + } + else { + $a.bind(opts.pagerEvent, pagerFn); + } + + if ( ! /^click/.test(opts.pagerEvent) && !opts.allowPagerClickBubble) + $a.bind('click.cycle', function(){return false;}); // suppress click + + var cont = opts.$cont[0]; + var pauseFlag = false; // https://github.com/malsup/cycle/issues/44 + if (opts.pauseOnPagerHover) { + $a.hover( + function() { + pauseFlag = true; + cont.cyclePause++; + triggerPause(cont,true,true); + }, function() { + if (pauseFlag) + cont.cyclePause--; + triggerPause(cont,true,true); + } + ); + } +}; + +// helper fn to calculate the number of slides between the current and the next +$.fn.cycle.hopsFromLast = function(opts, fwd) { + var hops, l = opts.lastSlide, c = opts.currSlide; + if (fwd) + hops = c > l ? c - l : opts.slideCount - l; + else + hops = c < l ? l - c : l + opts.slideCount - c; + return hops; +}; + +// fix clearType problems in ie6 by setting an explicit bg color +// (otherwise text slides look horrible during a fade transition) +function clearTypeFix($slides) { + debug('applying clearType background-color hack'); + function hex(s) { + s = parseInt(s,10).toString(16); + return s.length < 2 ? '0'+s : s; + } + function getBg(e) { + for ( ; e && e.nodeName.toLowerCase() != 'html'; e = e.parentNode) { + var v = $.css(e,'background-color'); + if (v && v.indexOf('rgb') >= 0 ) { + var rgb = v.match(/\d+/g); + return '#'+ hex(rgb[0]) + hex(rgb[1]) + hex(rgb[2]); + } + if (v && v != 'transparent') + return v; + } + return '#ffffff'; + } + $slides.each(function() { $(this).css('background-color', getBg(this)); }); +} + +// reset common props before the next transition +$.fn.cycle.commonReset = function(curr,next,opts,w,h,rev) { + $(opts.elements).not(curr).hide(); + if (typeof opts.cssBefore.opacity == 'undefined') + opts.cssBefore.opacity = 1; + opts.cssBefore.display = 'block'; + if (opts.slideResize && w !== false && next.cycleW > 0) + opts.cssBefore.width = next.cycleW; + if (opts.slideResize && h !== false && next.cycleH > 0) + opts.cssBefore.height = next.cycleH; + opts.cssAfter = opts.cssAfter || {}; + opts.cssAfter.display = 'none'; + $(curr).css('zIndex',opts.slideCount + (rev === true ? 1 : 0)); + $(next).css('zIndex',opts.slideCount + (rev === true ? 0 : 1)); +}; + +// the actual fn for effecting a transition +$.fn.cycle.custom = function(curr, next, opts, cb, fwd, speedOverride) { + var $l = $(curr), $n = $(next); + var speedIn = opts.speedIn, speedOut = opts.speedOut, easeIn = opts.easeIn, easeOut = opts.easeOut; + $n.css(opts.cssBefore); + if (speedOverride) { + if (typeof speedOverride == 'number') + speedIn = speedOut = speedOverride; + else + speedIn = speedOut = 1; + easeIn = easeOut = null; + } + var fn = function() { + $n.animate(opts.animIn, speedIn, easeIn, function() { + cb(); + }); + }; + $l.animate(opts.animOut, speedOut, easeOut, function() { + $l.css(opts.cssAfter); + if (!opts.sync) + fn(); + }); + if (opts.sync) fn(); +}; + +// transition definitions - only fade is defined here, transition pack defines the rest +$.fn.cycle.transitions = { + fade: function($cont, $slides, opts) { + $slides.not(':eq('+opts.currSlide+')').css('opacity',0); + opts.before.push(function(curr,next,opts) { + $.fn.cycle.commonReset(curr,next,opts); + opts.cssBefore.opacity = 0; + }); + opts.animIn = { opacity: 1 }; + opts.animOut = { opacity: 0 }; + opts.cssBefore = { top: 0, left: 0 }; + } +}; + +$.fn.cycle.ver = function() { return ver; }; + +// override these globally if you like (they are all optional) +$.fn.cycle.defaults = { + activePagerClass: 'activeSlide', // class name used for the active pager link + after: null, // transition callback (scope set to element that was shown): function(currSlideElement, nextSlideElement, options, forwardFlag) + allowPagerClickBubble: false, // allows or prevents click event on pager anchors from bubbling + animIn: null, // properties that define how the slide animates in + animOut: null, // properties that define how the slide animates out + aspect: false, // preserve aspect ratio during fit resizing, cropping if necessary (must be used with fit option) + autostop: 0, // true to end slideshow after X transitions (where X == slide count) + autostopCount: 0, // number of transitions (optionally used with autostop to define X) + backwards: false, // true to start slideshow at last slide and move backwards through the stack + before: null, // transition callback (scope set to element to be shown): function(currSlideElement, nextSlideElement, options, forwardFlag) + center: null, // set to true to have cycle add top/left margin to each slide (use with width and height options) + cleartype: !$.support.opacity, // true if clearType corrections should be applied (for IE) + cleartypeNoBg: false, // set to true to disable extra cleartype fixing (leave false to force background color setting on slides) + containerResize: 1, // resize container to fit largest slide + containerResizeHeight: 0, // resize containers height to fit the largest slide but leave the width dynamic + continuous: 0, // true to start next transition immediately after current one completes + cssAfter: null, // properties that defined the state of the slide after transitioning out + cssBefore: null, // properties that define the initial state of the slide before transitioning in + delay: 0, // additional delay (in ms) for first transition (hint: can be negative) + easeIn: null, // easing for "in" transition + easeOut: null, // easing for "out" transition + easing: null, // easing method for both in and out transitions + end: null, // callback invoked when the slideshow terminates (use with autostop or nowrap options): function(options) + fastOnEvent: 0, // force fast transitions when triggered manually (via pager or prev/next); value == time in ms + fit: 0, // force slides to fit container + fx: 'fade', // name of transition effect (or comma separated names, ex: 'fade,scrollUp,shuffle') + fxFn: null, // function used to control the transition: function(currSlideElement, nextSlideElement, options, afterCalback, forwardFlag) + height: 'auto', // container height (if the 'fit' option is true, the slides will be set to this height as well) + manualTrump: true, // causes manual transition to stop an active transition instead of being ignored + metaAttr: 'cycle', // data- attribute that holds the option data for the slideshow + next: null, // element, jQuery object, or jQuery selector string for the element to use as event trigger for next slide + nowrap: 0, // true to prevent slideshow from wrapping + onPagerEvent: null, // callback fn for pager events: function(zeroBasedSlideIndex, slideElement) + onPrevNextEvent: null, // callback fn for prev/next events: function(isNext, zeroBasedSlideIndex, slideElement) + pager: null, // element, jQuery object, or jQuery selector string for the element to use as pager container + pagerAnchorBuilder: null, // callback fn for building anchor links: function(index, DOMelement) + pagerEvent: 'click.cycle', // name of event which drives the pager navigation + pause: 0, // true to enable "pause on hover" + pauseOnPagerHover: 0, // true to pause when hovering over pager link + prev: null, // element, jQuery object, or jQuery selector string for the element to use as event trigger for previous slide + prevNextEvent: 'click.cycle',// event which drives the manual transition to the previous or next slide + random: 0, // true for random, false for sequence (not applicable to shuffle fx) + randomizeEffects: 1, // valid when multiple effects are used; true to make the effect sequence random + requeueOnImageNotLoaded: true, // requeue the slideshow if any image slides are not yet loaded + requeueTimeout: 250, // ms delay for requeue + rev: 0, // causes animations to transition in reverse (for effects that support it such as scrollHorz/scrollVert/shuffle) + shuffle: null, // coords for shuffle animation, ex: { top:15, left: 200 } + skipInitializationCallbacks: false, // set to true to disable the first before/after callback that occurs prior to any transition + slideExpr: null, // expression for selecting slides (if something other than all children is required) + slideResize: 1, // force slide width/height to fixed size before every transition + speed: 1000, // speed of the transition (any valid fx speed value) + speedIn: null, // speed of the 'in' transition + speedOut: null, // speed of the 'out' transition + startingSlide: undefined,// zero-based index of the first slide to be displayed + sync: 1, // true if in/out transitions should occur simultaneously + timeout: 4000, // milliseconds between slide transitions (0 to disable auto advance) + timeoutFn: null, // callback for determining per-slide timeout value: function(currSlideElement, nextSlideElement, options, forwardFlag) + updateActivePagerLink: null,// callback fn invoked to update the active pager link (adds/removes activePagerClass style) + width: null // container width (if the 'fit' option is true, the slides will be set to this width as well) +}; + +})(jQuery); + + +/*! + * jQuery Cycle Plugin Transition Definitions + * This script is a plugin for the jQuery Cycle Plugin + * Examples and documentation at: http://malsup.com/jquery/cycle/ + * Copyright (c) 2007-2010 M. Alsup + * Version: 2.73 + * Dual licensed under the MIT and GPL licenses: + * http://www.opensource.org/licenses/mit-license.php + * http://www.gnu.org/licenses/gpl.html + */ +(function($) { +"use strict"; + +// +// These functions define slide initialization and properties for the named +// transitions. To save file size feel free to remove any of these that you +// don't need. +// +$.fn.cycle.transitions.none = function($cont, $slides, opts) { + opts.fxFn = function(curr,next,opts,after){ + $(next).show(); + $(curr).hide(); + after(); + }; +}; + +// not a cross-fade, fadeout only fades out the top slide +$.fn.cycle.transitions.fadeout = function($cont, $slides, opts) { + $slides.not(':eq('+opts.currSlide+')').css({ display: 'block', 'opacity': 1 }); + opts.before.push(function(curr,next,opts,w,h,rev) { + $(curr).css('zIndex',opts.slideCount + (rev !== true ? 1 : 0)); + $(next).css('zIndex',opts.slideCount + (rev !== true ? 0 : 1)); + }); + opts.animIn.opacity = 1; + opts.animOut.opacity = 0; + opts.cssBefore.opacity = 1; + opts.cssBefore.display = 'block'; + opts.cssAfter.zIndex = 0; +}; + +// scrollUp/Down/Left/Right +$.fn.cycle.transitions.scrollUp = function($cont, $slides, opts) { + $cont.css('overflow','hidden'); + opts.before.push($.fn.cycle.commonReset); + var h = $cont.height(); + opts.cssBefore.top = h; + opts.cssBefore.left = 0; + opts.cssFirst.top = 0; + opts.animIn.top = 0; + opts.animOut.top = -h; +}; +$.fn.cycle.transitions.scrollDown = function($cont, $slides, opts) { + $cont.css('overflow','hidden'); + opts.before.push($.fn.cycle.commonReset); + var h = $cont.height(); + opts.cssFirst.top = 0; + opts.cssBefore.top = -h; + opts.cssBefore.left = 0; + opts.animIn.top = 0; + opts.animOut.top = h; +}; +$.fn.cycle.transitions.scrollLeft = function($cont, $slides, opts) { + $cont.css('overflow','hidden'); + opts.before.push($.fn.cycle.commonReset); + var w = $cont.width(); + opts.cssFirst.left = 0; + opts.cssBefore.left = w; + opts.cssBefore.top = 0; + opts.animIn.left = 0; + opts.animOut.left = 0-w; +}; +$.fn.cycle.transitions.scrollRight = function($cont, $slides, opts) { + $cont.css('overflow','hidden'); + opts.before.push($.fn.cycle.commonReset); + var w = $cont.width(); + opts.cssFirst.left = 0; + opts.cssBefore.left = -w; + opts.cssBefore.top = 0; + opts.animIn.left = 0; + opts.animOut.left = w; +}; +$.fn.cycle.transitions.scrollHorz = function($cont, $slides, opts) { + $cont.css('overflow','hidden').width(); + opts.before.push(function(curr, next, opts, fwd) { + if (opts.rev) + fwd = !fwd; + $.fn.cycle.commonReset(curr,next,opts); + opts.cssBefore.left = fwd ? (next.cycleW-1) : (1-next.cycleW); + opts.animOut.left = fwd ? -curr.cycleW : curr.cycleW; + }); + opts.cssFirst.left = 0; + opts.cssBefore.top = 0; + opts.animIn.left = 0; + opts.animOut.top = 0; +}; +$.fn.cycle.transitions.scrollVert = function($cont, $slides, opts) { + $cont.css('overflow','hidden'); + opts.before.push(function(curr, next, opts, fwd) { + if (opts.rev) + fwd = !fwd; + $.fn.cycle.commonReset(curr,next,opts); + opts.cssBefore.top = fwd ? (1-next.cycleH) : (next.cycleH-1); + opts.animOut.top = fwd ? curr.cycleH : -curr.cycleH; + }); + opts.cssFirst.top = 0; + opts.cssBefore.left = 0; + opts.animIn.top = 0; + opts.animOut.left = 0; +}; + +// slideX/slideY +$.fn.cycle.transitions.slideX = function($cont, $slides, opts) { + opts.before.push(function(curr, next, opts) { + $(opts.elements).not(curr).hide(); + $.fn.cycle.commonReset(curr,next,opts,false,true); + opts.animIn.width = next.cycleW; + }); + opts.cssBefore.left = 0; + opts.cssBefore.top = 0; + opts.cssBefore.width = 0; + opts.animIn.width = 'show'; + opts.animOut.width = 0; +}; +$.fn.cycle.transitions.slideY = function($cont, $slides, opts) { + opts.before.push(function(curr, next, opts) { + $(opts.elements).not(curr).hide(); + $.fn.cycle.commonReset(curr,next,opts,true,false); + opts.animIn.height = next.cycleH; + }); + opts.cssBefore.left = 0; + opts.cssBefore.top = 0; + opts.cssBefore.height = 0; + opts.animIn.height = 'show'; + opts.animOut.height = 0; +}; + +// shuffle +$.fn.cycle.transitions.shuffle = function($cont, $slides, opts) { + var i, w = $cont.css('overflow', 'visible').width(); + $slides.css({left: 0, top: 0}); + opts.before.push(function(curr,next,opts) { + $.fn.cycle.commonReset(curr,next,opts,true,true,true); + }); + // only adjust speed once! + if (!opts.speedAdjusted) { + opts.speed = opts.speed / 2; // shuffle has 2 transitions + opts.speedAdjusted = true; + } + opts.random = 0; + opts.shuffle = opts.shuffle || {left:-w, top:15}; + opts.els = []; + for (i=0; i < $slides.length; i++) + opts.els.push($slides[i]); + + for (i=0; i < opts.currSlide; i++) + opts.els.push(opts.els.shift()); + + // custom transition fn (hat tip to Benjamin Sterling for this bit of sweetness!) + opts.fxFn = function(curr, next, opts, cb, fwd) { + if (opts.rev) + fwd = !fwd; + var $el = fwd ? $(curr) : $(next); + $(next).css(opts.cssBefore); + var count = opts.slideCount; + $el.animate(opts.shuffle, opts.speedIn, opts.easeIn, function() { + var hops = $.fn.cycle.hopsFromLast(opts, fwd); + for (var k=0; k < hops; k++) { + if (fwd) + opts.els.push(opts.els.shift()); + else + opts.els.unshift(opts.els.pop()); + } + if (fwd) { + for (var i=0, len=opts.els.length; i < len; i++) + $(opts.els[i]).css('z-index', len-i+count); + } + else { + var z = $(curr).css('z-index'); + $el.css('z-index', parseInt(z,10)+1+count); + } + $el.animate({left:0, top:0}, opts.speedOut, opts.easeOut, function() { + $(fwd ? this : curr).hide(); + if (cb) cb(); + }); + }); + }; + $.extend(opts.cssBefore, { display: 'block', opacity: 1, top: 0, left: 0 }); +}; + +// turnUp/Down/Left/Right +$.fn.cycle.transitions.turnUp = function($cont, $slides, opts) { + opts.before.push(function(curr, next, opts) { + $.fn.cycle.commonReset(curr,next,opts,true,false); + opts.cssBefore.top = next.cycleH; + opts.animIn.height = next.cycleH; + opts.animOut.width = next.cycleW; + }); + opts.cssFirst.top = 0; + opts.cssBefore.left = 0; + opts.cssBefore.height = 0; + opts.animIn.top = 0; + opts.animOut.height = 0; +}; +$.fn.cycle.transitions.turnDown = function($cont, $slides, opts) { + opts.before.push(function(curr, next, opts) { + $.fn.cycle.commonReset(curr,next,opts,true,false); + opts.animIn.height = next.cycleH; + opts.animOut.top = curr.cycleH; + }); + opts.cssFirst.top = 0; + opts.cssBefore.left = 0; + opts.cssBefore.top = 0; + opts.cssBefore.height = 0; + opts.animOut.height = 0; +}; +$.fn.cycle.transitions.turnLeft = function($cont, $slides, opts) { + opts.before.push(function(curr, next, opts) { + $.fn.cycle.commonReset(curr,next,opts,false,true); + opts.cssBefore.left = next.cycleW; + opts.animIn.width = next.cycleW; + }); + opts.cssBefore.top = 0; + opts.cssBefore.width = 0; + opts.animIn.left = 0; + opts.animOut.width = 0; +}; +$.fn.cycle.transitions.turnRight = function($cont, $slides, opts) { + opts.before.push(function(curr, next, opts) { + $.fn.cycle.commonReset(curr,next,opts,false,true); + opts.animIn.width = next.cycleW; + opts.animOut.left = curr.cycleW; + }); + $.extend(opts.cssBefore, { top: 0, left: 0, width: 0 }); + opts.animIn.left = 0; + opts.animOut.width = 0; +}; + +// zoom +$.fn.cycle.transitions.zoom = function($cont, $slides, opts) { + opts.before.push(function(curr, next, opts) { + $.fn.cycle.commonReset(curr,next,opts,false,false,true); + opts.cssBefore.top = next.cycleH/2; + opts.cssBefore.left = next.cycleW/2; + $.extend(opts.animIn, { top: 0, left: 0, width: next.cycleW, height: next.cycleH }); + $.extend(opts.animOut, { width: 0, height: 0, top: curr.cycleH/2, left: curr.cycleW/2 }); + }); + opts.cssFirst.top = 0; + opts.cssFirst.left = 0; + opts.cssBefore.width = 0; + opts.cssBefore.height = 0; +}; + +// fadeZoom +$.fn.cycle.transitions.fadeZoom = function($cont, $slides, opts) { + opts.before.push(function(curr, next, opts) { + $.fn.cycle.commonReset(curr,next,opts,false,false); + opts.cssBefore.left = next.cycleW/2; + opts.cssBefore.top = next.cycleH/2; + $.extend(opts.animIn, { top: 0, left: 0, width: next.cycleW, height: next.cycleH }); + }); + opts.cssBefore.width = 0; + opts.cssBefore.height = 0; + opts.animOut.opacity = 0; +}; + +// blindX +$.fn.cycle.transitions.blindX = function($cont, $slides, opts) { + var w = $cont.css('overflow','hidden').width(); + opts.before.push(function(curr, next, opts) { + $.fn.cycle.commonReset(curr,next,opts); + opts.animIn.width = next.cycleW; + opts.animOut.left = curr.cycleW; + }); + opts.cssBefore.left = w; + opts.cssBefore.top = 0; + opts.animIn.left = 0; + opts.animOut.left = w; +}; +// blindY +$.fn.cycle.transitions.blindY = function($cont, $slides, opts) { + var h = $cont.css('overflow','hidden').height(); + opts.before.push(function(curr, next, opts) { + $.fn.cycle.commonReset(curr,next,opts); + opts.animIn.height = next.cycleH; + opts.animOut.top = curr.cycleH; + }); + opts.cssBefore.top = h; + opts.cssBefore.left = 0; + opts.animIn.top = 0; + opts.animOut.top = h; +}; +// blindZ +$.fn.cycle.transitions.blindZ = function($cont, $slides, opts) { + var h = $cont.css('overflow','hidden').height(); + var w = $cont.width(); + opts.before.push(function(curr, next, opts) { + $.fn.cycle.commonReset(curr,next,opts); + opts.animIn.height = next.cycleH; + opts.animOut.top = curr.cycleH; + }); + opts.cssBefore.top = h; + opts.cssBefore.left = w; + opts.animIn.top = 0; + opts.animIn.left = 0; + opts.animOut.top = h; + opts.animOut.left = w; +}; + +// growX - grow horizontally from centered 0 width +$.fn.cycle.transitions.growX = function($cont, $slides, opts) { + opts.before.push(function(curr, next, opts) { + $.fn.cycle.commonReset(curr,next,opts,false,true); + opts.cssBefore.left = this.cycleW/2; + opts.animIn.left = 0; + opts.animIn.width = this.cycleW; + opts.animOut.left = 0; + }); + opts.cssBefore.top = 0; + opts.cssBefore.width = 0; +}; +// growY - grow vertically from centered 0 height +$.fn.cycle.transitions.growY = function($cont, $slides, opts) { + opts.before.push(function(curr, next, opts) { + $.fn.cycle.commonReset(curr,next,opts,true,false); + opts.cssBefore.top = this.cycleH/2; + opts.animIn.top = 0; + opts.animIn.height = this.cycleH; + opts.animOut.top = 0; + }); + opts.cssBefore.height = 0; + opts.cssBefore.left = 0; +}; + +// curtainX - squeeze in both edges horizontally +$.fn.cycle.transitions.curtainX = function($cont, $slides, opts) { + opts.before.push(function(curr, next, opts) { + $.fn.cycle.commonReset(curr,next,opts,false,true,true); + opts.cssBefore.left = next.cycleW/2; + opts.animIn.left = 0; + opts.animIn.width = this.cycleW; + opts.animOut.left = curr.cycleW/2; + opts.animOut.width = 0; + }); + opts.cssBefore.top = 0; + opts.cssBefore.width = 0; +}; +// curtainY - squeeze in both edges vertically +$.fn.cycle.transitions.curtainY = function($cont, $slides, opts) { + opts.before.push(function(curr, next, opts) { + $.fn.cycle.commonReset(curr,next,opts,true,false,true); + opts.cssBefore.top = next.cycleH/2; + opts.animIn.top = 0; + opts.animIn.height = next.cycleH; + opts.animOut.top = curr.cycleH/2; + opts.animOut.height = 0; + }); + opts.cssBefore.height = 0; + opts.cssBefore.left = 0; +}; + +// cover - curr slide covered by next slide +$.fn.cycle.transitions.cover = function($cont, $slides, opts) { + var d = opts.direction || 'left'; + var w = $cont.css('overflow','hidden').width(); + var h = $cont.height(); + opts.before.push(function(curr, next, opts) { + $.fn.cycle.commonReset(curr,next,opts); + opts.cssAfter.display = ''; + if (d == 'right') + opts.cssBefore.left = -w; + else if (d == 'up') + opts.cssBefore.top = h; + else if (d == 'down') + opts.cssBefore.top = -h; + else + opts.cssBefore.left = w; + }); + opts.animIn.left = 0; + opts.animIn.top = 0; + opts.cssBefore.top = 0; + opts.cssBefore.left = 0; +}; + +// uncover - curr slide moves off next slide +$.fn.cycle.transitions.uncover = function($cont, $slides, opts) { + var d = opts.direction || 'left'; + var w = $cont.css('overflow','hidden').width(); + var h = $cont.height(); + opts.before.push(function(curr, next, opts) { + $.fn.cycle.commonReset(curr,next,opts,true,true,true); + if (d == 'right') + opts.animOut.left = w; + else if (d == 'up') + opts.animOut.top = -h; + else if (d == 'down') + opts.animOut.top = h; + else + opts.animOut.left = -w; + }); + opts.animIn.left = 0; + opts.animIn.top = 0; + opts.cssBefore.top = 0; + opts.cssBefore.left = 0; +}; + +// toss - move top slide and fade away +$.fn.cycle.transitions.toss = function($cont, $slides, opts) { + var w = $cont.css('overflow','visible').width(); + var h = $cont.height(); + opts.before.push(function(curr, next, opts) { + $.fn.cycle.commonReset(curr,next,opts,true,true,true); + // provide default toss settings if animOut not provided + if (!opts.animOut.left && !opts.animOut.top) + $.extend(opts.animOut, { left: w*2, top: -h/2, opacity: 0 }); + else + opts.animOut.opacity = 0; + }); + opts.cssBefore.left = 0; + opts.cssBefore.top = 0; + opts.animIn.left = 0; +}; + +// wipe - clip animation +$.fn.cycle.transitions.wipe = function($cont, $slides, opts) { + var w = $cont.css('overflow','hidden').width(); + var h = $cont.height(); + opts.cssBefore = opts.cssBefore || {}; + var clip; + if (opts.clip) { + if (/l2r/.test(opts.clip)) + clip = 'rect(0px 0px '+h+'px 0px)'; + else if (/r2l/.test(opts.clip)) + clip = 'rect(0px '+w+'px '+h+'px '+w+'px)'; + else if (/t2b/.test(opts.clip)) + clip = 'rect(0px '+w+'px 0px 0px)'; + else if (/b2t/.test(opts.clip)) + clip = 'rect('+h+'px '+w+'px '+h+'px 0px)'; + else if (/zoom/.test(opts.clip)) { + var top = parseInt(h/2,10); + var left = parseInt(w/2,10); + clip = 'rect('+top+'px '+left+'px '+top+'px '+left+'px)'; + } + } + + opts.cssBefore.clip = opts.cssBefore.clip || clip || 'rect(0px 0px 0px 0px)'; + + var d = opts.cssBefore.clip.match(/(\d+)/g); + var t = parseInt(d[0],10), r = parseInt(d[1],10), b = parseInt(d[2],10), l = parseInt(d[3],10); + + opts.before.push(function(curr, next, opts) { + if (curr == next) return; + var $curr = $(curr), $next = $(next); + $.fn.cycle.commonReset(curr,next,opts,true,true,false); + opts.cssAfter.display = 'block'; + + var step = 1, count = parseInt((opts.speedIn / 13),10) - 1; + (function f() { + var tt = t ? t - parseInt(step * (t/count),10) : 0; + var ll = l ? l - parseInt(step * (l/count),10) : 0; + var bb = b < h ? b + parseInt(step * ((h-b)/count || 1),10) : h; + var rr = r < w ? r + parseInt(step * ((w-r)/count || 1),10) : w; + $next.css({ clip: 'rect('+tt+'px '+rr+'px '+bb+'px '+ll+'px)' }); + (step++ <= count) ? setTimeout(f, 13) : $curr.css('display', 'none'); + })(); + }); + $.extend(opts.cssBefore, { display: 'block', opacity: 1, top: 0, left: 0 }); + opts.animIn = { left: 0 }; + opts.animOut = { left: 0 }; +}; + +})(jQuery); diff --git a/web/cobrands/warwickshire/vendor/gamma/jquery.tabSlideOut.v1.3.js b/web/cobrands/warwickshire/vendor/gamma/jquery.tabSlideOut.v1.3.js new file mode 100644 index 000000000..98ca3af4d --- /dev/null +++ b/web/cobrands/warwickshire/vendor/gamma/jquery.tabSlideOut.v1.3.js @@ -0,0 +1,215 @@ +/* + tabSlideOUt v1.3 + + By William Paoli: http://wpaoli.building58.com + + To use you must have an image ready to go as your tab + Make sure to pass in at minimum the path to the image and its dimensions: + + example: + + $('.slide-out-div').tabSlideOut({ + tabHandle: '.handle', //class of the element that will be your tab -doesnt have to be an anchor + pathToTabImage: 'images/contact_tab.gif', //relative path to the image for the tab *required* + imageHeight: '133px', //height of tab image *required* + imageWidth: '44px', //width of tab image *required* + }); + + last updated 06-01-2016 DJ +*/ + + +(function($){ + $.fn.tabSlideOut = function(callerSettings) { + var settings = $.extend({ + tabHandle: '.handle', + speed: 300, + action: 'click', + tabLocation: 'left', + topPos: '200px', + leftPos: '20px', + fixedPosition: false, + positioning: 'absolute', + pathToTabImage: null, + imageHeight: null, + imageWidth: null, + onLoadSlideOut: false + }, callerSettings||{}); + + settings.tabHandle = $(settings.tabHandle); + var obj = this; + if (settings.fixedPosition === true) { + settings.positioning = 'fixed'; + } else { + settings.positioning = 'absolute'; + } + + //ie6 doesn't do well with the fixed option + if (document.all && !window.opera && !window.XMLHttpRequest) { + settings.positioning = 'absolute'; + } + + + + //set initial tabHandle css + + if (settings.pathToTabImage != null) { + settings.tabHandle.css({ + 'background' : 'url('+settings.pathToTabImage+') no-repeat', + 'width' : settings.imageWidth, + 'height': settings.imageHeight + }); + } + + settings.tabHandle.css({ + 'display': 'block', + 'textIndent' : '-99999px', + //'outline' : 'none', + 'position' : 'absolute' + }); + + obj.css({ + 'line-height' : '1', + 'position' : settings.positioning + }); + + + var properties = { + containerWidth: parseInt(obj.outerWidth(), 10) + 'px', + containerHeight: parseInt(obj.outerHeight(), 10) + 'px', + tabWidth: parseInt(settings.tabHandle.outerWidth(), 10) + 'px', + tabHeight: parseInt(settings.tabHandle.outerHeight(), 10) + 'px' + }; + + //set calculated css + if(settings.tabLocation === 'top' || settings.tabLocation === 'bottom') { + obj.css({'left' : settings.leftPos}); + settings.tabHandle.css({'right' : 0}); + } + + if(settings.tabLocation === 'top') { + obj.css({'top' : '-' + properties.containerHeight}); + settings.tabHandle.css({'bottom' : '-' + properties.tabHeight}); + } + + if(settings.tabLocation === 'bottom') { + obj.css({'bottom' : '-' + properties.containerHeight, 'position' : 'fixed'}); + settings.tabHandle.css({'top' : '-' + properties.tabHeight}); + + } + + if(settings.tabLocation === 'left' || settings.tabLocation === 'right') { + obj.css({ + 'height' : properties.containerHeight, + 'top' : settings.topPos + }); + + settings.tabHandle.css({'top' : 0}); + } + + if(settings.tabLocation === 'left') { + obj.css({ 'left': '-' + properties.containerWidth}); + settings.tabHandle.css({'right' : '-' + properties.tabWidth}); + } + + if(settings.tabLocation === 'right') { + obj.css({ 'right': '-' + properties.containerWidth}); + settings.tabHandle.css({'left' : '-' + properties.tabWidth}); + + $('html').css('overflow-x', 'hidden'); + } + + //functions for animation events + + settings.tabHandle.click(function(event){ + event.preventDefault(); + }); + + var slideIn = function() { + + if (settings.tabLocation === 'top') { + obj.animate({top:'-' + properties.containerHeight}, settings.speed).removeClass('open'); + } else if (settings.tabLocation === 'left') { + obj.animate({left: '-' + properties.containerWidth}, settings.speed).removeClass('open'); + } else if (settings.tabLocation === 'right') { + obj.animate({right: '-' + properties.containerWidth}, settings.speed).removeClass('open'); + } else if (settings.tabLocation === 'bottom') { + obj.animate({bottom: '-' + properties.containerHeight}, settings.speed).removeClass('open'); + } + + }; + + var slideOut = function() { + + if (settings.tabLocation == 'top') { + obj.animate({top:'-3px'}, settings.speed).addClass('open'); + } else if (settings.tabLocation == 'left') { + obj.animate({left:'-3px'}, settings.speed).addClass('open'); + } else if (settings.tabLocation == 'right') { + obj.animate({right:'-3px'}, settings.speed).addClass('open'); + } else if (settings.tabLocation == 'bottom') { + obj.animate({bottom:'-3px'}, settings.speed).addClass('open'); + } + }; + + var clickScreenToClose = function() { + obj.click(function(event){ + event.stopPropagation(); + }); + + $(document).click(function(){ + slideIn(); + }); + }; + + var clickAction = function(){ + settings.tabHandle.click(function(event){ + if (obj.hasClass('open')) { + slideIn(); + } else { + slideOut(); + } + }); + + clickScreenToClose(); + }; + + var hoverAction = function(){ + obj.hover( + function(){ + slideOut(); + }, + + function(){ + slideIn(); + }); + + settings.tabHandle.click(function(event){ + if (obj.hasClass('open')) { + slideIn(); + } + }); + clickScreenToClose(); + + }; + + var slideOutOnLoad = function(){ + slideIn(); + setTimeout(slideOut, 500); + }; + + //choose which type of action to bind + if (settings.action === 'click') { + clickAction(); + } + + if (settings.action === 'hover') { + hoverAction(); + } + + if (settings.onLoadSlideOut) { + slideOutOnLoad(); + }; + + }; +})(jQuery); diff --git a/web/cobrands/warwickshire/vendor/gamma/jquery.zrssfeed.o.js b/web/cobrands/warwickshire/vendor/gamma/jquery.zrssfeed.o.js new file mode 100644 index 000000000..60d5eb33a --- /dev/null +++ b/web/cobrands/warwickshire/vendor/gamma/jquery.zrssfeed.o.js @@ -0,0 +1,139 @@ +/** + * Plugin: jquery.zRSSFeed + * + * Version: 1.0.1m + * (c) Copyright 2010, Zazar Ltd + * + * Description: jQuery plugin for display of RSS feeds via Google Feed API + * (Based on original plugin jGFeed by jQuery HowTo) + * + * History: + * 1.0.1 - Corrected issue with multiple instances + * 1.0.1m - fixed content showing issue - PL + * + **/ + +(function($){ + + var current = null; + + $.fn.rssfeed = function(url, options) { + + // Set pluign defaults + var defaults = { + limit: 10, + header: false, + titletag: 'h4', + date: true, + content: true, + snippet: true, + showerror: true, + errormsg: '', + key: null + }; + var options = $.extend(defaults, options); + + // Functions + return this.each(function(i, e) { + var $e = $(e); + + // Add feed class to user div + if (!$e.hasClass('rssFeed')) $e.addClass('rssFeed'); + + // Check for valid url + if(url == null) return false; + + // Create Google Feed API address + var api = "http://ajax.googleapis.com/ajax/services/feed/load?v=1.0&callback=?&q=" + url; + if (options.limit != null) api += "&num=" + options.limit; + if (options.key != null) api += "&key=" + options.key; + + // Send request + $.getJSON(api, function(data){ + + // Check for error + if (data.responseStatus == 200) { + + // Process the feeds + _callback(e, data.responseData.feed, options); + } else { + + // Handle error if required + if (options.showerror) + if (options.errormsg != '') { + var msg = options.errormsg; + } else { + var msg = data.responseDetails; + }; + $(e).html('<div class="rssError"><p>'+ msg +'</p></div>'); + }; + }); + }); + }; + + // Callback function to create HTML result + var _callback = function(e, feeds, options) { + if (!feeds) { + return false; + } + var html = ''; + var row = 'first'; + + // Add header if required + if (options.header) + html += '<h3 class="news-feed-header">' + + '<a href="'+ feeds.link +'" title="'+ feeds.description +'">'+ feeds.title +'</a>' + + '</h3>'; + + // Add body + html += '<ul class="rss-list">'; + + // Add feeds + for (var i=0; i<feeds.entries.length; i++) { + + // Get individual feed + var entry = feeds.entries[i]; + + // Format published date + var entryDate = new Date(entry.publishedDate); + var pubDate = entryDate.toLocaleDateString() + ' ' + entryDate.toLocaleTimeString(); + + // Add feed row + html += '<li class="rss-list-item-'+ row +'">' + + '<'+ options.titletag +'><a href="'+ entry.link +'" title="View this feed at '+ feeds.title +'">'+ entry.title +'</a></'+ options.titletag +'>' + if (options.date) html += '<h5>'+ pubDate +'</h5>' + if (options.content) { + + // Use feed snippet if available and optioned + if (options.snippet != '') { + var content = entry.contentSnippet; + } else if (entry.contentSnippet != '') { + var content = ''; + } + else { + var content = ''; + } + + html += '<p class="snippet">'+ content +'</p>' + } + + html += '</li>'; + + // Alternate row classes + if (row = 'first') { + row = 'sub'; + } else { + if (row == 'first') { + row = 'even'; + } else { + row = 'first'; + } + + } + } + + html += '</ul>' + + $(e).html(html); + }; +})(jQuery); diff --git a/web/cobrands/warwickshire/vendor/gamma/print.css b/web/cobrands/warwickshire/vendor/gamma/print.css new file mode 100644 index 000000000..ac40d74d3 --- /dev/null +++ b/web/cobrands/warwickshire/vendor/gamma/print.css @@ -0,0 +1,76 @@ +/* Latest version 15/02/2016 - DJ the Great */ + +/* Print Style Sheet */ + + +@media print { + * { + color: #000 !important; + text-shadow: none !important; + background: transparent !important; + box-shadow: none !important; + } +/* header image added DJ - 17-02-2016 */ +header:before { + content: url(http://www.warwickshire.gov.uk/wp-content/uploads/2016/02/WCC-Logo.gif); + +} + /*header.entry-header {left:none;}*/ + + a[href]:after { content: " (" attr(href) ")"; } + .slide-out-div {display: none;} + .slide-out-div-open {display: none;} + #multiColumn {display: none;} + #hero-header-button {display: none!important;} + .accordion-slide-content {display: block!important} + .pager li {display: none;} + .post-edit-link {display: none;} + .btn-danger {display: none;} + .btn-big {display: none;} + .navbar-inverse .navbar-inner {display: none;} + .handle {display: none;} + .section-header {display: none;} + .entry-header-hero img {display: none;} + #secondary {display: none;} + #footer {display: none;} + #footer-logos-bottom {display: none;} + .textwidget {display: none;} + /*.brand {display: block;}*/ + .entry-hero-button {display: none;} + .print-page {display: none;} + #brand {display: block!important;} + h1, h2, h3, h4, h5, h6 { + page-break-after:avoid; + page-break-inside:avoid; + page-break-inside: avoid; } + h1 {font-size: 25px;} + h2 {font-size: 20px;} + h3 {font-size: 18px;} + h4 {font-size: 15px;} + .breadcrumb {display: none;} + .widget {display: none;} +#printfooter {display: block!important;} + } + #printfooter +{ + page-break-after:avoid; + page-break-inside:avoid; + page-break-inside: avoid; } + + /*header.print {display: block;}*/ + + body:after { + content: "If you have any comments or complaints about our services, please let us know. Phone: 01926 410410 Email: customerrelations@warwickshire.gov.uk. We will aim to provide this information in a format suitable for your needs. Please contact us so we can discuss your requirements."; + +} + +} +/*footer { + content: url(http://www.warwickshire.gov.uk/wp-content/uploads/2016/02/footer-text.jpg); + + } + */ + + + + diff --git a/web/cobrands/warwickshire/vendor/gamma/style.css b/web/cobrands/warwickshire/vendor/gamma/style.css index 99e4d47e5..a558d761f 100644 --- a/web/cobrands/warwickshire/vendor/gamma/style.css +++ b/web/cobrands/warwickshire/vendor/gamma/style.css @@ -1,4 +1,4 @@ -delicious/* +/* Theme Name: Gamma Description: A theme for Warwickshire, based on RELSUB and Bootstrap. Author: Pete Lancaster, Matt Pearce, Guy Eastwood, Nivi Morales, Tom Rudge, Rebecca Francis, Dave Jennings and Adam Firth @@ -6,7 +6,14 @@ Version: 1.0.15 Template: relsub Licence: Bootstrap is Copyright 2013 Twitter, Inc. Licensed under the Apache License v2.0. License URI: http://www.apache.org/licenses/LICENSE-2.0 -*/ + + + + +//latest version - 11-08-2016 - DJ + + + article, aside, @@ -22,7 +29,7 @@ section { } a { - font-weight:bold; + font-weight:normal; /* changed from bold to bring site closer to gov.uk - 12-01-2016 -DJ */ } audio, canvas, @@ -141,6 +148,8 @@ textarea { vertical-align: top; } + +/* @media print { * { color: #000 !important; @@ -148,7 +157,7 @@ textarea { background: transparent !important; box-shadow: none !important; } - a, + /*a, a:visited { text-decoration: underline; } @@ -157,12 +166,38 @@ textarea { } abbr[title]:after { content: " (" attr(title) ")"; - } - .ir a:after, + }*/ + /* Enables hiding some elements from printing layout */ + /*.visible-print { display: inherit !important; } + .hidden-print { display: none !important; } + .slide-out-div {display: none;} + .slide-out-div-open {display: none;} + #multiColumn {display: none;} + .hero-header-button {display: none;} + .accordion-slide {display: block;} + .accordion-slide-content {display: block;} + .navbar-inverse .navbar-inner {display: none;} + .handle {display: none;} + .section-header {display: none;} + .entry-header-hero img {display: none;} + #secondary {display: none;} + #footer {display: none;} + #footer-logos-bottom {display: none;} + .textwidget {display: none;} + .brand {display: block;} + .entry-hero-button {display: none;} + .print-page {display: none;} + + + } + */ + + + /*.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; - } + }*/ pre, blockquote { border: 1px solid #999; @@ -193,6 +228,22 @@ textarea { } } +/*@media print { + +body { background:black; color:black; margin:0 } +#header {disply:block; } +#content {disply:none;} +#comments {disply:none;} +#sidebar {disply:none;} +#footer {disply:none;} +#secondary {display: none;} +#handle {display: none;} +#slide-out-div {display: none;} +} +*/ + + + .clearfix { *zoom: 1; } @@ -228,36 +279,55 @@ textarea { body { margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 14px; - line-height: 20px; + font-size: 15px; /* changed from 14px to bring site closer to gov.uk - 08-06-2016 -DJ */ + line-height: 20px; /* changed from 20px to bring it closer to gov.uk - 08-06-2016 - DJ*/ color: #333333; background-color: #ffffff; } -.style-1 a, .style-2 a, .style-3 a { +.style-2 a, .style-3 a { color: #006d3c; - text-decoration: none; + text-decoration: underline;.body /*changed from text-decoration : none; to bring site closer to gov.uk - 12-01-2016 -DJ */ + +} + +.style-1 a { + color: #006d3c; + text-decoration: underline; /* changed from text-decoration: none; - DJ - 20-01-2016 */ } +.style-1 li a { + color: #006d3c; + text-decoration: underline;.body + } /* created so as to underline links in list items - DJ - 14-01-2016 */ + +.style-2 li a, .style-5 li a { + color: #0055A1; + text-decoration: underline;.body + } /* created so as to underline links in list items - DJ - 14-01-2016 */ .style-4 a { color: #004aac; /* color: #48555E; */ - text-decoration: none; + text-decoration: underline; /* changed from text-decoration: none; - DJ - 20-01-2016 */ } +.style-4 li a { + color: #004aac; + text-decoration: underline; + } /* created so as to underline links in list items - DJ - 14-01-2016 */ .style-5 a { color: #444444; - text-decoration: none; + text-decoration: underline; /* changed from text-decoration: none; - DJ - 20-01-2016 */ } - -.style-4 p a, .style-4 li a, .style-5 p a, .style-5 li a { /*Change colours of links in paragraphs/lists to blue for coporporate/spp style. AF - 08.07.14 */ + +.style-4 p a, .style-5 p a { /*Change colours of links in paragraphs/lists to blue for coporporate/spp style. AF - 08.07.14 */ color: #004aac; - text-decoration: none; +text-decoration: underline; /* changed from text-decoration: none; - DJ - 20-01-2016 */ } .style-1 a:hover, .style-2 a:hover , .style-3 a:hover { @@ -272,9 +342,26 @@ body { .style-5 a:hover { color: #005580; - text-decoration: underline; + } + +.style-1 h4 a {text-decoration: none; + margin:-5px 0; } +.style-2 h4 a {text-decoration: none; +} + + +.style-3 h4 a {text-decoration: none; +} + +.style-4 h4 a {text-decoration: none; +} + +.style-5 h4 a {text-decoration: none; +} + + .img-rounded { -webkit-border-radius: 6px; -moz-border-radius: 6px; @@ -366,6 +453,18 @@ body { width: 300px; } +/* added black bar to top of right-hand column in 2 column pages - DJ - 22-02-2016 */ +div#secondary { +border-top-color: rgb(0, 0, 0); +border-width: 10px; +border-style: solid; +border-bottom: none; +border-left: none; +border-right: none; +/* border-top: none; */ +border-bottom: 5px; +margin-top: 25px; +} .span3 { width: 220px; @@ -845,6 +944,14 @@ h4 small { font-size: 14px; } +.site-list-title { + + padding-top: 0px; + margin-top: -20px; + +} + + .page-header { padding-bottom: 9px; margin: 20px 0 30px; @@ -865,7 +972,8 @@ ol ul { } li { - line-height: 20px; + line-height: 20px; /*Line height originally changed from 20px to 26px for accessibility on mobile devices. Changed back to 20px as long bullet points have large spacing - DJ 09/11/2015 */ + padding-bottom: 10px; /* Added padding-bottom to increase spacing between bullet points without increasing line spacing on long bullet ponts - DJ - 09/11/2015 */ } ul.unstyled, @@ -953,6 +1061,47 @@ abbr.initialism { text-transform: uppercase; } +.blockquote { + background: #f9f9f9; + border-left: 10px solid #ccc; + font-style: italic; +border-top:none; +border-right:none; +border-bottom:none; + margin: 1.5em 10px; + padding: 0.5em 10px; + quotes: "\201C""\201D""\2018""\2019"; +} +.blockquote:before { + color: #ccc; + content: open-quote; + font-size: 4em; + line-height: 0.1em; + margin-right: 0.25em; + vertical-align: -0.4em; +} +.blockquote p { + display: inline; +margin-bottom: 0; +font-size: 15px; +font-weight: 300; +line-height: 25px; +font-style: italic; +} + + + +.blockquote:after +{color:#ccc; +content:close-quote; +font-size:4em; +line-height:.1em; +margin-right:.25em; +vertical-align:-.48em; +padding-left: 10px; +} + +/* blockquote { padding: 0 0 0 15px; margin: 0 0 20px; @@ -1004,7 +1153,7 @@ blockquote:before, blockquote:after { content: ""; } - +*/ address { display: block; margin-bottom: 20px; @@ -1106,7 +1255,7 @@ textarea { font-weight: normal; line-height: 20px; } - +label, /* added by DJ 04-12-2015 */ input, button, select, @@ -1140,9 +1289,7 @@ input[type="tel"], input[type="color"], .uneditable-input { display: inline-block; - /* - height: 20px; // override for FMS as this breaks FireFox and our local styling - */ + height: 20px; padding: 4px 6px; margin-bottom: 10px; font-size: 14px; @@ -1163,7 +1310,7 @@ textarea, textarea { height: auto; } - +label [postcode] textarea, input[type ="text"], @@ -1694,6 +1841,20 @@ select:focus:invalid:focus { box-shadow: 0 0 6px #f8b9b7; } + +.handle{ margin-top: -2px;} + +.slide-out-div { + padding: 20px; + width: 200px; + background: #f2f2f2; + border: #29216d 1px solid; + height: 62px; + /* start of shadow */ -webkit-box-shadow: -1px 16px 12px 0px rgba(0,0,0,0.67); +-moz-box-shadow: -4px 5px 17px 0px rgba(0,0,0,0.67); +box-shadow: -4px 5px 17px 0px rgba(0,0,0,0.67); /* endo of shadow - DJ - 05-02-2016 */ + } + .form-actions { padding: 19px 20px 20px; margin-top: 20px; @@ -2987,7 +3148,7 @@ table th[class*="span"], position: absolute; top: 100%; left: 0; - z-index: 1000; + z-index: 1001; /* changed from 1000 to stop dropdown menu going behing header - DJ 15/12/2015 */ display: none; float: left; min-width: 160px; @@ -3033,6 +3194,7 @@ table th[class*="span"], line-height: 20px; color: #333333; white-space: nowrap; + text-decoration: none; /*added 08-06-2015 - DJ */ } @@ -3223,6 +3385,107 @@ table th[class*="span"], border-radius: 3px; } +/* Plain boxes - used mainly on contact pages */ +.well-large-plain-box { + background-color: #F9FFF8 !important; + border: 1px solid #999 !important; + padding-top: 10px; +padding-bottom: 10px; +padding-right: 24px; +padding-left: 24px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + + } + + .well-large-plain-box h1 { + padding-top: 0px!important; +} + +.well-large-plain-box h2 { + padding-top: 0px!important; +} + +.well-large-plain-box h3 { + padding-top: 0px!important; +} + +.well-large-plain-box h4 { + padding-top: 0px!important; +} + +.well-large-plain-box h5 { + padding-top: 0px!important; +} + +/*added red box for JW 17-02-2016 - DJ */ +.well-large-red-box { + background-color: #F9FFF8 !important; + border: 2px solid #FC0A0A !important; + padding-top: 10px; +padding-bottom: 10px; +padding-right: 24px; +padding-left: 24px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + } +.well-large-red-box h1 { + padding-top: 0px!important; +} + +.well-large-red-box h2 { + padding-top: 0px!important; +} + +.well-large-red-box h3 { + padding-top: 0px!important; +} + +.well-large-red-box h4 { + padding-top: 0px!important; +} + +.well-large-red-box h5 { + padding-top: 0px!important; +} + +/*added green box for JW 17-02-2016 - DJ */ +.well-large-green-box { + background-color: #F9FFF8 !important; + border: 2px solid #34F09B !important; + padding-top: 10px; +padding-bottom: 10px; +padding-right: 24px; +padding-left: 24px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + } + +.well-large-green-box h1 { + padding-top: 0px!important; +} + +.well-large-green-box h2 { + padding-top: 0px!important; +} + +.well-large-green-box h3 { + padding-top: 0px!important; +} + +.well-large-green-box h4 { + padding-top: 0px!important; +} + +.well-large-green-box h5 { + padding-top: 0px!important; +} + + + .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; @@ -3974,11 +4237,16 @@ input[type="submit"].btn.btn-mini { .alert, .alert h4 { - color: #c09853; + /*color: #c09853;*/ + color: #0000000; + size: 16px; } + .alert h4 { margin: 0; + font-size: 18px; + padding-bottom: 25px; /*added to avoind h4 overlapping with text - DJ - 22-02-2016 */ } .alert .close { @@ -4007,7 +4275,25 @@ input[type="submit"].btn.btn-mini { .alert-danger h4, .alert-error h4 { - color: #b94a48; + /*color: #b94a48; changed by DJ - 07-03-2016 */ + color: black ; +} + +.alert-warning h3 { + font-size: 20px; + font-weight: bold; + padding-top: 5px; + margin-top: 5px; +margin-bottom: 5px; +} + +.alert-warning h4 { + font-size: 20px; + font-weight: bold; + padding-top: 5px; + padding-bottom: 5px; +margin-top: 5px; +margin-bottom: 5px; } .alert-info { @@ -4157,9 +4443,10 @@ input[type="submit"].btn.btn-mini { .nav-tabs > li > a { padding-top: 8px; + text-decoration: none; padding-bottom: 8px; line-height: 20px; - border: 1px solid #999; + border: 1px solid #999; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; @@ -4516,6 +4803,155 @@ input[type="submit"].btn.btn-mini { text-decoration: none; } +.govdelmobile{ + padding-top: 3px; + padding-right: 10px; + padding-left: 10px; + margin-top: 10px; +} + +.govdelmobile2{ + padding-top: 6px; + padding-right: 10px; + padding-left: 10px; + margin-top: 10px; +} + + +/*.gds added 22-04-2016*/ + a.gdslogo { + display: block; + float: left; + padding: 5px 0px; + padding-left: 10px; + /*margin-left: 5px;*/ + margin-top: 8px; + /* font-size: 20px; */ + font-weight: 200; + color: #d9d9d9!important; + /* text-shadow: 0 1px 0 #ffffff; */ + text-decoration: none; + } + + +a.gdslogo2 { + display: block; + float: left; + padding: 5px 0px; + padding-left: 11px; + /*margin-left: 5px;*/ + margin-top: 10px; + /* font-size: 20px; */ + font-weight: 200; + color: #d9d9d9!important; + /* text-shadow: 0 1px 0 #ffffff; */ + text-decoration: none; + } + + + + a.gds:hover { + color:#ffffff!important; + text-decoration: none!important; + } + + + a.gdstext { + display: block; + float: left; + padding: 5px 0px; + padding-left: 10px; + padding-right: 10px; + /* margin-left: 5px; */ + margin-top: 10px; + /* font-size: 20px; */ + font-weight: 200; + color: #d9d9d9!important; + /* text-shadow: 0 1px 0 #ffffff; */ + text-decoration: none!important; +} + +a.gdstext2 { + display: block; + float: left; + padding: 5px 0px; + padding-left: 10px; + padding-right: 10px; + /* margin-left: 5px; */ + margin-top: 9px; + /* font-size: 20px; */ + font-weight: 200; + color: #d9d9d9!important; + /* text-shadow: 0 1px 0 #ffffff; */ + text-decoration: none!important; +} + + + a.gdstext:hover { + color:#ffffff!important; + text-decoration: none!important; + } + + +@media (max-width: 480px) { +a.gdslogo{ + padding-left: 45%!important;/*160px!important;}*/ + margin-bottom: 5px} +a.gdstext { + display: none; +} +a.gdstext2 { + display: none; +} +} + + + +@media (max-width: 767px) { +a.gdslogo{ + padding-left: 68%; + margin-bottom: 5px +} +a.gdstext { + display: none; +} +a.gdstext2 { + display: none; +} +} + + +@media (max-width: 979px) { +a.gdslogo{ + display: none!important; +} +a.gdslogo2{ + display: none!important; +} +a.gdstext { + display: none; +} +a.gdstext2 { + display: none; +} +} + +@media (min-width: 979px) { +.govdelmobile { +display:none!important; +} +.govdelmobile2 { +display:none!important; +} +} + +/*end of gds*/ + + /*.style-1 .gds a:hover { + color:#ffffff!important; + text-decoration: none!important; + }*/ + .navbar-text { margin-bottom: 0; line-height: 40px; @@ -4539,7 +4975,7 @@ input[type="submit"].btn.btn-mini { .navbar .btn, .navbar .btn-group { - margin-top: 5px; + /* margin-top: 5px;*/ } .navbar .btn-group .btn, @@ -4631,7 +5067,7 @@ input[type="submit"].btn.btn-mini { .navbar-fixed-top, .navbar-fixed-bottom { - position: fixed; + position: static; /*changed from Fixed so as not to interfere with recycling a-z DJ 17/11/2015*/ right: 0; left: 0; z-index: 1030; @@ -4702,7 +5138,7 @@ input[type="submit"].btn.btn-mini { .navbar .nav > li > a { float: none; - padding: 10px 15px 10px; + padding: 12px 15px 10px; color: #777777; text-decoration: none; text-shadow: 0 1px 0 #ffffff; @@ -4731,6 +5167,44 @@ input[type="submit"].btn.btn-mini { box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); } + +.btn-search{ + display: none; + padding: 5px; +} + +.show-search{ + height: 50px !important; +} + + +#top-header #site-search{ + margin:10px; + + float: right; + +} + + +#top-header #site-search input{ + display: inline-block; + width:200px; + +} + + +#top-header #site-search button{ + height: 30px; + margin-top: -10px; + margin-left: 10px; + + width: 60px; +} + + + + + .navbar .btn-navbar { display: none; float: right; @@ -4788,6 +5262,11 @@ input[type="submit"].btn.btn-mini { margin-top: 3px; } + +/*.sign-in{ border-left: 1px solid #FFFFFF; border-right: solid 1px #FFFFFF;}*/ + + + .navbar .nav > li > .dropdown-menu:before { position: absolute; top: -7px; @@ -5053,7 +5532,9 @@ input[type="submit"].btn.btn-mini { .breadcrumb > li > .divider { padding: 0 5px; - color: #999999; + /*color: #999999;*/ /* changed to black to improve contrast - 13-04-2016 - DJ */ + color: #000000; + font-weight: 600; } .breadcrumb > .active { @@ -6277,7 +6758,7 @@ font-weight:bold; * By E-Services * * - * + * ***************************************************/ /*Site wide styles @@ -6290,28 +6771,36 @@ body{ } body > div.container{ - background-color: #F9FFF8; + background-color: #F9FFF8; /*box-shadow: 0px 2px 6px rgba(100, 100, 100, .3); -webkit-box-shadow: 0px 2px 6px rgba(100, 100, 100, .3); -moz-box-shadow: 0px 2px 6px rgba(100, 100, 100, .3); shadow hidden for redesign AF-06.06.14*/ - padding:15px; margin-top: 0px!important; } +/* Fixes issue with wide margins on mobile devices - NM 17.2.15*/ +@media (max-width: 480px) { body > div.container{ - background-color: #F9FFF8; - /*box-shadow: 0px 2px 6px rgba(100, 100, 100, .3); - -webkit-box-shadow: 0px 2px 6px rgba(100, 100, 100, .3); - -moz-box-shadow: 0px 2px 6px rgba(100, 100, 100, .3); shadow hidden for redesign AF-06.06.14*/ + background-color: #F9FFF8; + padding:15px; + margin-left: -15px; + margin-right: -15px; + margin-top: 0px!important;} +} +/* Fixes issue with wide margins on mobile devices - NM 17.2.15*/ +@media (max-width: 380px) { +body > div.container{ + background-color: #F9FFF8; padding:15px; - margin-top: 0px!important; + margin-left: -25px; + margin-right: -25px; + margin-top: 0px!important;} } .entry-content{ background-color: #F9FFF8; - } h1, h2, h3, @@ -6325,36 +6814,48 @@ h4, h5, h6 line-height: 20px; font-weight: lighter; + } h1 { - font-size: 32px; - font-weight: lighter; + font-size: 43px; /* changed from 33px to bring site closer to gov.uk - 12-01-2016 - DJ */ + font-weight: bold; /* changed from font-weight:lighter, to bring site sloser to GovUK - DJ - 21-01-2016 */ + padding-top: 20px; /* added by DJ - 04-02-2016 */ } h2 { - font-size: 24px; + font-size: 33px; /* changed from 24 px to look more like gov uk - DJ - 12-01-2016 */ font-weight: lighter; + line-height: 1.4; /* Adding line height to target large gap on h2 longer than a single line - NM - 18.2.15 */ + padding-top: 20px; /* added by DJ - 04-02-2016 */ } h3 { - font-size: 19px; - font-weight: lighter; + font-size: 25px; /* changed from 20 px to bring site closer to gov.uk - 12-01-2016 - DJ */ + font-weight: lighter; + padding-top: 20px; /* added by DJ - 04-02-2016 */ } h4 { - font-size: 16px; - font-weight: bold; + font-size: 20px; /* changed from 18px to bring site closer to gov.uk - 12-01-2016 - DJ */ + font-weight: normal; /* changed from bold - DJ 12-01-2016 */ + padding-top: 20px; /* added by DJ - 04-02-2016 */ } h5 { - font-size: 13px; - font-weight: lighter; + font-size: 16px; + font-weight: bold; + padding-top: 20px; /* added by DJ - 04-02-2016 */ + /* font-size: 13px; + font-weight: lighter;*/ } h6 { - font-size: 11px; - font-weight: lighter; + font-size: 14px; + font-weight: bold; + padding-top: 20px; /* added by DJ - 04-02-2016 */ + /*font-size: 11px; + font-weight: lighter;*/ } h1 small { @@ -6374,7 +6875,7 @@ h4 small { } .breadcrumb { - margin: -5px 0 -5px; + margin: -20px 0 -5px; /* changed from margin: -5px 0 -5px; to prevent breadcrumb overlappingtest - DJ - 02-02-2016 */ } @@ -6398,6 +6899,25 @@ hr { border-bottom: 1px solid white; } +/* +.hrt { + margin: 15px 0; + border: 0; + border-top: 5px solid #000000; + + border-bottom: 1px solid white; +} +*/ + +.section-header { +margin: 15px 0; +margin-top: auto; + border: 0; + border-top: 5px solid #000000; + border-bottom: 1px solid white; +} + + .cleaner { clear:both; font-size:10%; @@ -6407,7 +6927,7 @@ hr { /*Gradients for headers etc*/ .style-1-gradient, .style-2-gradient, .style-3-gradient { -background:rgb(0,109,60); +background:rgb(0,109,60); /* background:rgb(16,149,45); Changed colour to actual wcc green DJ */ /* Removed gradients for redesign DJ 13/06/2014 background:-moz-linear-gradient(top, rgb(16,149,45) 0%, rgb(0,109,60) 100%); @@ -6433,13 +6953,13 @@ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#708799', endC } .style-5-gradient { -background:rgb(68,68,68); +background:rgb(68,68,68); /* Removed gradients for redesign DJ 13/06/2014 -background:-moz-linear-gradient(top, rgb(102,102,102) 0%, rgb(68,68,68) 100%); -background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(102,102,102)), color-stop(100%,rgb(68,68,68))); -background:-webkit-linear-gradient(top, rgb(102,102,102) 0%,rgb(68,68,68) 100%); -background:-o-linear-gradient(top, rgb(102,102,102) 0%,rgb(68,68,68) 100%); -background:-ms-linear-gradient(top, rgb(102,102,102) 0%,rgb(68,68,68) 100%); +background:-moz-linear-gradient(top, rgb(102,102,102) 0%, rgb(68,68,68) 100%); +background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(102,102,102)), color-stop(100%,rgb(68,68,68))); +background:-webkit-linear-gradient(top, rgb(102,102,102) 0%,rgb(68,68,68) 100%); +background:-o-linear-gradient(top, rgb(102,102,102) 0%,rgb(68,68,68) 100%); +background:-ms-linear-gradient(top, rgb(102,102,102) 0%,rgb(68,68,68) 100%); background:linear-gradient(to bottom, rgb(102,102,102) 0%,rgb(68,68,68) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr @@ -6647,112 +7167,137 @@ background: url(images/icon-email.png) no-repeat center left; display:inline-block; } +/*Adds print icon to print page link across theme */ +a[href*="window.print()"] { +padding-left: 1.563em; +background: url(images/icon-print.png) no-repeat center left; +display:inline-block; +} + +/* Removig webmail.nsf icon in preparation for new feedback system roll out a[href*="webmailf.nsf"] { padding-left: 1.563em; background: url(images/icon-email.png) no-repeat center left; display:inline-block; -} +} */ a.exclude-link-img { padding-left:0; background-image:none; } -/*Floats on wp image align class*/ +/*Floats on wp image align class*/ -img.alignright { - float: right; - margin-left:1em; - margin-bottom:1em; -} +img.alignright { + float: right; + margin-left:1em; + margin-bottom:1em; +} -img.alignleft { - float: left; - margin-right:1em; - margin-bottom:1em; +img.alignleft { + float: left; + margin-right:1em; + margin-bottom:1em; } /* Hiding when a page was last updated */ -p.modified {display: none;} +p.modified {display: none;} + + +p.print-page { +color: white; +text-align: left; +} + + +/*Skip to main navigation link for accesibility */ + +#skiptomain { + height: 1px; + width: 1px; + position: absolute; + overflow: hidden; + top: -10px; +} /*site Themes*/ -.style-1 h1.entry-title, .style-1 .span4 h3.widget-title{ - background: rgb(249,255,248); - /* Removed chunky headers for flat design. Changed font colour to black and thined borders below page and widget titles - DJ 16/03/2014/ - background: -moz-linear-gradient(top, #10952D 0%, #006D3C 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#10952D), color-stop(100%,#006D3C)); - background: -webkit-linear-gradient(top, #10952D 0%,#006D3C 100%); - background: -o-linear-gradient(top, #10952D 0%,#006D3C 100%); - background: -ms-linear-gradient(top, #10952D 0%,#006D3C 100%); - background: linear-gradient(to bottom, #10952D 0%,#006D3C 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10952d', endColorstr='#006d3c',GradientType=0 ); +.style-1 h1.entry-title, .style-1 .span4 h3.widget-title{ + background: rgb(249,255,248); + /* Removed chunky headers for flat design. Changed font colour to black and thined borders below page and widget titles - DJ 16/03/2014/ + background: -moz-linear-gradient(top, #10952D 0%, #006D3C 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#10952D), color-stop(100%,#006D3C)); + background: -webkit-linear-gradient(top, #10952D 0%,#006D3C 100%); + background: -o-linear-gradient(top, #10952D 0%,#006D3C 100%); + background: -ms-linear-gradient(top, #10952D 0%,#006D3C 100%); + background: linear-gradient(to bottom, #10952D 0%,#006D3C 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10952d', endColorstr='#006d3c',GradientType=0 ); color: white; */ - border: solid; border-color: #006D3C; border-width: 2px; border-top: none; border-left: none; border-right: none; -} - -.style-2 h1.entry-title, .style-2 .span4 h3.widget-title{ - background: #10952D; - /* Removed chunky headers for flat design. Changed font colour to black and thined borders below page and widget titles - DJ 16/03/2014/ - background: -moz-linear-gradient(top, #10952D 0%, #006D3C 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#10952D), color-stop(100%,#006D3C)); - background: -webkit-linear-gradient(top, #10952D 0%,#006D3C 100%); - background: -o-linear-gradient(top, #10952D 0%,#006D3C 100%); - background: -ms-linear-gradient(top, #10952D 0%,#006D3C 100%); - background: linear-gradient(to bottom, #10952D 0%,#006D3C 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10952d', endColorstr='#006d3c',GradientType=0 ); + border: none; /* changed from solid DJ - 14-01-2016 */ border-color: #006D3C; border-width: 2px; border-top: none; border-left: none; border-right: none; +} + +.style-2 h1.entry-title, .style-2 .span4 h3.widget-title{ + background: #10952D; + /* Removed chunky headers for flat design. Changed font colour to black and thined borders below page and widget titles - DJ 16/03/2014/ + background: -moz-linear-gradient(top, #10952D 0%, #006D3C 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#10952D), color-stop(100%,#006D3C)); + background: -webkit-linear-gradient(top, #10952D 0%,#006D3C 100%); + background: -o-linear-gradient(top, #10952D 0%,#006D3C 100%); + background: -ms-linear-gradient(top, #10952D 0%,#006D3C 100%); + background: linear-gradient(to bottom, #10952D 0%,#006D3C 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10952d', endColorstr='#006d3c',GradientType=0 ); color: white; */ - border: solid; border-color: #0055A1; border-width: 2px; border-top: none; border-left: none; border-right: none; -} - -.style-3 h1.entry-title, .style-3 .span4 h3.widget-title{ - background: rgb(249,255,248); - /* Removed chunky headers for flat design. Changed font colour to black and thined borders below page and widget titles - DJ 16/03/2014/ - background:-moz-linear-gradient(top, rgb(112,135,153) 0%, rgb(72,85,94) 100%); - background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(112,135,153)), color-stop(100%,rgb(72,85,94))); - background:-webkit-linear-gradient(top, rgb(112,135,153) 0%,rgb(72,85,94) 100%); - background:-o-linear-gradient(top, rgb(112,135,153) 0%,rgb(72,85,94) 100%); - background:-ms-linear-gradient(top, rgb(112,135,153) 0%,rgb(72,85,94) 100%); - - background:linear-gradient(to bottom, rgb(112,135,153) 0%,rgb(72,85,94) 100%); - filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#708799', endColorstr='#48555e',GradientType=0 ); + border: none; border-color: #0055A1; border-width: 2px; border-top: none; border-left: none; border-right: none; +} + +.style-3 h1.entry-title, .style-3 .span4 h3.widget-title{ + background: rgb(249,255,248); + /* Removed chunky headers for flat design. Changed font colour to black and thined borders below page and widget titles - DJ 16/03/2014/ + background:-moz-linear-gradient(top, rgb(112,135,153) 0%, rgb(72,85,94) 100%); + background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(112,135,153)), color-stop(100%,rgb(72,85,94))); + background:-webkit-linear-gradient(top, rgb(112,135,153) 0%,rgb(72,85,94) 100%); + background:-o-linear-gradient(top, rgb(112,135,153) 0%,rgb(72,85,94) 100%); + background:-ms-linear-gradient(top, rgb(112,135,153) 0%,rgb(72,85,94) 100%); + + background:linear-gradient(to bottom, rgb(112,135,153) 0%,rgb(72,85,94) 100%); + filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#708799', endColorstr='#48555e',GradientType=0 ); color: white; */ - border: solid; border-color: #0055A1; border-width: 2px; border-top: none; border-left: none; border-right: none; -} - -.style-4 h1.entry-title, .style-4 .span4 h3.widget-title{ - background: rgb(249,255,248); - /* Removed chunky headers for flat design. Changed font colour to black and thined borders below page and widget titles - DJ 16/03/2014/ - background:-moz-linear-gradient(top, rgb(112,135,153) 0%, rgb(72,85,94) 100%); - background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(112,135,153)), color-stop(100%,rgb(72,85,94))); - background:-webkit-linear-gradient(top, rgb(112,135,153) 0%,rgb(72,85,94) 100%); - background:-o-linear-gradient(top, rgb(112,135,153) 0%,rgb(72,85,94) 100%); - background:-ms-linear-gradient(top, rgb(112,135,153) 0%,rgb(72,85,94) 100%); - - background:linear-gradient(to bottom, rgb(112,135,153) 0%,rgb(72,85,94) 100%); - filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#708799', endColorstr='#48555e',GradientType=0 ); + border: none; /* changed from solid DJ - 14-01-2016 */ border-color: #0055A1; border-width: 2px; border-top: none; border-left: none; border-right: none; +} + +.style-4 h1.entry-title, .style-4 .span4 h3.widget-title{ + background: rgb(249,255,248); + /* Removed chunky headers for flat design. Changed font colour to black and thined borders below page and widget titles - DJ 16/03/2014/ + background:-moz-linear-gradient(top, rgb(112,135,153) 0%, rgb(72,85,94) 100%); + background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(112,135,153)), color-stop(100%,rgb(72,85,94))); + background:-webkit-linear-gradient(top, rgb(112,135,153) 0%,rgb(72,85,94) 100%); + background:-o-linear-gradient(top, rgb(112,135,153) 0%,rgb(72,85,94) 100%); + background:-ms-linear-gradient(top, rgb(112,135,153) 0%,rgb(72,85,94) 100%); + + background:linear-gradient(to bottom, rgb(112,135,153) 0%,rgb(72,85,94) 100%); + filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#708799', endColorstr='#48555e',GradientType=0 ); color: white; */ - border: solid; border-color: rgb(112, 135, 153); border-width: 2px; border-top: none; border-left: none; border-right: none; -} - - -.style-5 h1.entry-title, .style-5 .span4 h3.widget-title{ - background: rgb(249,255,248); - /* Removed chunky headers for flat design. Changed font colour to black and thined borders below page and widget titles - DJ 16/03/2014/ - background:-moz-linear-gradient(top, rgb(102,102,102) 0%, rgb(68,68,68) 100%); - background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(102,102,102)), color-stop(100%,rgb(68,68,68))); - background:-webkit-linear-gradient(top, rgb(102,102,102) 0%,rgb(68,68,68) 100%); - background:-o-linear-gradient(top, rgb(102,102,102) 0%,rgb(68,68,68) 100%); - background:-ms-linear-gradient(top, rgb(102,102,102) 0%,rgb(68,68,68) 100%); - background:linear-gradient(to bottom, rgb(102,102,102) 0%,rgb(68,68,68) 100%); - filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#444444',GradientType=0 ); + border: none; /* changed from solid DJ - 14-01-2016 */ border-color: rgb(112, 135, 153); border-width: 2px; border-top: none; border-left: none; border-right: none; +} + + +.style-5 h1.entry-title, .style-5 .span4 h3.widget-title{ + background: rgb(249,255,248); + /* Removed chunky headers for flat design. Changed font colour to black and thined borders below page and widget titles - DJ 16/03/2014/ + background:-moz-linear-gradient(top, rgb(102,102,102) 0%, rgb(68,68,68) 100%); + background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(102,102,102)), color-stop(100%,rgb(68,68,68))); + background:-webkit-linear-gradient(top, rgb(102,102,102) 0%,rgb(68,68,68) 100%); + background:-o-linear-gradient(top, rgb(102,102,102) 0%,rgb(68,68,68) 100%); + background:-ms-linear-gradient(top, rgb(102,102,102) 0%,rgb(68,68,68) 100%); + background:linear-gradient(to bottom, rgb(102,102,102) 0%,rgb(68,68,68) 100%); + filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#444444',GradientType=0 ); color: white; */ - border: solid; border-color: rgb(68, 68, 68); border-width: 2px; border-top: none; border-left: none; border-right: none; -} + border: none; /* changed from solid DJ - 14-01-2016 */ border-color: rgb(68, 68, 68); border-width: 2px; border-top: none; border-left: none; border-right: none; +} -.style-1 .span4 h3.widget-title, .style-2 .span4 h3.widget-title, .style-3 .span4 h3.widget-title, .style-4 .span4 h3.widget-title, .style-5 .span4 h3.widget-title { - font-size:16px; +.style-1 .span4 h2.widget-title, .style-2 .span4 h2.widget-title, .style-3 .span4 h2.widget-title, .style-4 .span4 h2.widget-title, .style-5 .span4 h2.widget-title { + font-size:20px; /* changed from 16px 12-01-2016 - DJ */ line-height:2.1em; } @@ -6760,26 +7305,30 @@ p.modified {display: none;} ****************/ .attachment-portal-summary-image { width: 100%; -top: -16px; -/*top: -21px;*/ +top: -25px; /* changed from -15px DJ - 04-01-2016 */ +/*top: -16px; +top: -21px;*/ position: relative; display: inline; } #portal-page-breadcrumbs { - margin-top: 467px; + margin-top: -50px; /*-32px*/ +/* margin-top: 375px; + margin-top: 467px; */ /* margin-top: 433px; */ - position: absolute; + margin-bottom: 10px; /*27-06-2016 - DJ */ + position: relative; /*absolute*/ z-index: 1000; } #portal-header-wrap { - margin-bottom: 30px; + margin-bottom: -15px; } h1.entry-title-portal { padding: 10px 10px; -top: 180px; +top: -355px; /* changed to reposition header after navbar changes - DJ 16-12-2015 */ font-size: 3.5em; margin-left: 15px; font-weight: lighter; @@ -6787,7 +7336,7 @@ background-color: #000; /* IE 8 */ background-color: rgba(0,0,0,0.65); color: white; margin-bottom: -20px; -position: absolute; +position: relative; /* changed to reposition header after navbar changes - DJ 16-12-2015 */ z-index: 1000; display: inline; } @@ -6795,27 +7344,35 @@ display: inline; @media (min-width: 1024px) and (max-width: 1200px) { #portal-page-breadcrumbs { - margin-top: 374px; + margin-top: 10px; /*-32px */ + /* margin-top: 300px; + margin-top: 374px; */ /*margin-top: 346px;*/ } h1.entry-title-portal { - font-size: 3em; + font-size: 2.8em; + margin-left: 20px; + /* font-size: 3em; */ padding: 5px 10px; - top:180px; + top:100px; position: absolute;} } @media (min-width: 979px) and (max-width: 1024px) { #portal-page-breadcrumbs { - margin-top: 374px; + margin-top: -32px; + /* margin-top: 300px; + margin-top: 374px; */ /*margin-top: 346px;*/ } h1.entry-title-portal { - font-size: 3em; + font-size: 2.8em; + margin-left: 20px; +/* font-size: 3em; */ padding: 5px 10px; - top:180px; + top:100px; position: absolute;} #portal-header-wrap { @@ -6829,16 +7386,18 @@ position: relative;} @media (min-width: 768px) and (max-width: 979px) { #portal-page-breadcrumbs { - margin-top: 287px; + margin-top: -32px; + /* margin-top: 230px; + margin-top: 287px; */ /*margin-top: 261px;*/ } h1.entry-title-portal { padding: 0px 10px;; font-size: 2em; - top: 170px; + top: 80px; position: absolute; - margin-left: 5px;} + margin-left: 20px;} #portal-header-wrap { margin-bottom: 30px; @@ -6856,8 +7415,8 @@ display: none;} h1.entry-title-portal { padding: 0px 10px; -margin-left: 5px; -top: 120px; +margin-left: 20px; +top: 80px; /* top: 205px; */ font-size: 1.8em; position: absolute;} @@ -6872,7 +7431,7 @@ position: relative;} @media (min-width: 513px) and (max-width: 620px) { #portal-header-wrap { - top: -55px; + top: -65px; /*top: -60px;*/ margin-bottom: -60px; padding: 0; @@ -6898,7 +7457,7 @@ display: none;} @media (min-width: 420px) and (max-width: 513px) { #portal-header-wrap { - top: -55px; + top: -65px; /*top: -60px;*/ margin-bottom: -60px; padding: 0; @@ -6925,7 +7484,7 @@ display: none;} @media (max-width: 420px) { #portal-header-wrap { - top: -55px; + top: -65px; /* changed from -55px DJ 05-01-2016 */ /*top: -60px;*/ margin-bottom: -60px; padding: 0; @@ -6934,7 +7493,7 @@ display: none;} position: relative; background-color: rgba(0, 0, 0, 0.65);} - + h1.entry-title-portal { padding: 0px 10px; margin-left: 0; @@ -6955,7 +7514,7 @@ display: none;} h1.entry-title-hero-header { padding: 10px 10px; - top: 180px; + top: -355px; /* changed from 180px when header text changed to realitive - DJ 15/12/2015*/ font-size: 3.5em; margin-left: 15px; font-weight: lighter; @@ -6963,30 +7522,39 @@ h1.entry-title-hero-header { background-color: rgba(0,0,0,0.65); color: white; margin-bottom: -20px; - position: absolute; + position: relative; /* changed from fixed to relative so as to not intefere with cookie message and burger menu */ z-index: 1000; display: inline; } #hero-header-button { - top: -115px; - margin-left: 55px; + top: -130px; /*-115*/ + margin-left: 20px; +/* margin-left: 55px; */ margin-bottom: -60px; padding: 0; position: relative; } - #hero-header-button a { - width: auto;} + /* #hero-header-button a { + width: auto;} */ - #hero-header-breadcrumbs { - margin-top: 463px; + /*#hero-header-breadcrumbs { + /* margin-top: -42px; /*changed from -2px to reduce gap between image and breadcrumb caused by new black bar */ + /*margin-top: -60px; position: absolute; - z-index: 1000;} + z-index: 1000;}*/ + + #hero-header-breadcrumbs { + margin-top: -60px; + /* margin-top: 365px; */ + /* position: absolute; */ + z-index: 1000; +} .attachment-hero-summary-image { width: 100%; - top: -16px; + top: -25px; /* changed from -15, DJ - 05-01-2016 */ /* top: -21px; */ position: relative; display: inline; @@ -6994,80 +7562,94 @@ h1.entry-title-hero-header { @media (min-width: 1024px) and (max-width: 1200px) { #hero-header-breadcrumbs { - margin-top: 370px;} + margin-top: -2px; + /* margin-top: 290px; */} h1.entry-title-hero-header { - padding: 0px 15px;; + /* padding: 0px 15px; */ + padding: 5px 5px; font-size: 2.8em; - top: 170px; + top: 100px; /*170px*/ position: absolute; - margin-left: 5px;} + margin-left: 20px; +/* margin-left: 5px; */} #hero-header-button { - top: -125px; + top: -85px; /*-105*/ margin-bottom: -80px; - margin-left: 40px;} + margin-left: 20px; +/* margin-left: 40px;*/} #hero-header-button a { - /*top: 20px;*/ position: relative; - padding: 13px; + padding: 10px; line-height: 1;} + /* top: 20px; */ } @media (min-width: 979px) and (max-width: 1024px) { #hero-header-button a { top: 20px; position: relative; - padding: 13px; + padding: 10px;; + margin-left: 20px; +/* padding: 13px; */ line-height: 1;} h1.entry-title-hero-header { - padding: 0px 10px;; - font-size: 2em; - top: 170px; + padding: 5px 10px; + font-size: 2.6em; +/* padding: 0px 10px; + font-size: 2em; */ + top: 100px; /*170*/ position: absolute; - margin-left: 5px;} + margin-left: 20px;} #hero-header-button { - top: -145px; - margin-left: 40px; + top: -100px; /*120px*/ +/* top: -145px; */ + margin-left: 10px; +/* margin-left: 40px;*/ margin-bottom: -80px;} #hero-header-button a { width: auto;} #hero-header-breadcrumbs { - margin-top: 370px;} + margin-top: -2px; + /* margin-top: 290px; */} } @media (min-width: 768px) and (max-width: 979px) { h1.entry-title-hero-header { padding: 0px 10px;; font-size: 2em; - top: 170px; + top: 70px; /*170*/ position: absolute; - margin-left: 5px;} + margin-left: 15px;} - #hero-header-button { - top: -80px; - margin-bottom: -20px; + #hero-header-button { + top: -90px; + margin-bottom: -45px; + /* margin-bottom: -20px; */ position: relative; - margin-left: 40px;} + margin-left: 15px; +/* margin-left: 40px; */} - #hero-header-button a { - width: 130%;} + /* #hero-header-button a { + width: 130%;} */ #hero-header-breadcrumbs { - margin-top: 285px;} + margin-top: -2px; + /* margin-top: 222px; */} } @media (min-width: 620px) and (max-width: 767px) { h1.entry-title-hero-header { padding: 0px 10px; - margin-left: 5px; - top: 125px; + margin-left: 20px; + top: 70px; /*125px*/ /* top: 205px; */ font-size: 1.8em; position: absolute;} @@ -7075,13 +7657,17 @@ h1.entry-title-hero-header { #hero-header-button { top: -85px; - margin-bottom: -75px; + /*margin-bottom: -75px;*/ position: relative; margin-left: 20px;} #hero-header-button a { width: auto;} + #hero-header-wrap { +/* margin-bottom: 10px; */ + margin-bottom: -15px;} /* changed from 30px DJ 05-01-2016 */ + #hero-header-breadcrumbs { display: none;} } @@ -7100,9 +7686,10 @@ h1.entry-title-hero-header { background-color: none;} #hero-header-wrap { - top: -55px; - /* top: -60px; */ - margin-bottom: -60px; + top: -65px; /* changed from -55px - DJ - 16-02-2016 */ + /* top: -60px; + margin-bottom: -10px;*/ + margin-bottom: 10px; padding: 0; height: 40px; z-index: 10064; @@ -7114,11 +7701,11 @@ h1.entry-title-hero-header { margin-bottom: 15px; /* margin-bottom: -10px; */ margin-left: 0; - position: relative;} + position: relative;} #hero-header-button a { - width: 92%;} - + margin-top: 5px; /*35*/ + width: 92.5%;} #hero-header-breadcrumbs { display: none;} @@ -7139,9 +7726,10 @@ h1.entry-title-hero-header { background-color: none;} #hero-header-wrap { - top: -55px; - /*top: -60px;*/ - margin-bottom: -60px; + top: -65px; /*-55*/ + /*top: -60px; + margin-bottom: -10px;*/ + margin-bottom: 10px; padding: 0; height: 40px; z-index: 10064; @@ -7153,21 +7741,29 @@ h1.entry-title-hero-header { margin-bottom: 15px; /* margin-bottom: -10px; */ margin-left: 0; - position: relative;} + position: relative;} #hero-header-button a { - width: 90%;} + width: 91%; + margin-top: 5px; /*35px*/ + } #hero-header-breadcrumbs { display: none;} } + @media (max-width: 470px) { + #hero-header-button a { + width: 89%; } + } + @media (max-width: 420px) { #hero-header-wrap { - top: -55px; - /*top: -60px;*/ - margin-bottom: -60px; + top: -65px; /* changed from -55px DJ - 05-01-2016 */ + /*top: -60px; + margin-bottom:10px;*/ + margin-bottom:20px; padding: 0; height: 40px; z-index: 10064; @@ -7186,14 +7782,16 @@ h1.entry-title-hero-header { background-color: none;} #hero-header-button { - top: 7px; + top: -25px; /* changed from 7px to align correctly - DJ - 02-02-2016 */ margin-bottom: 15px; /* margin-bottom: -10px; */ margin-left: 0; - position: relative;} + position: relative;} #hero-header-button a { - width: 88%; + /* width: 88%;*/ + width: 86.5%; + margin-top: 36px; overflow: hidden;} #hero-header-breadcrumbs { @@ -7299,7 +7897,7 @@ position: relative;} @media (min-width: 768px) and (max-width: 979px) { .span4-header-button-mobile { top: -55px; - margin-bottom: -35px; + margin-bottom: -35px; margin-left: 10px !important; position: relative;} } @@ -7348,20 +7946,25 @@ position: relative;} #fostering-11 { background-image: url(//www.warwickshire.gov.uk/wp-content/uploads/2014/03/11-how-do-I-become-foster-carer.png); background-repeat: no-repeat; padding: 10px 0 7px 60px;} #fostering-12 { background-image: url(//www.warwickshire.gov.uk/wp-content/uploads/2014/03/12-foster-carer-training-.png); background-repeat: no-repeat; padding: 10px 0 7px 60px;} -/*Header -****************/ +/*************Header****************/ + +#top-header { + height:10px; + overflow: hidden; + margin-bottom: 10px; +} #top-header .container .span12 .row > .span9{ - height:50px; + height:10px; } /*Navigation bar*/ .navbar { -margin-bottom: 5px;} +margin-bottom: 0px;} /* changed from 5px to 0px when black bar changed to static - DJ 17/11/2015*/ .navbar .nav > li > a { font-weight:normal; -padding:10px 10px 10px; +padding:14px 10px 4px; } .nav-header { @@ -7369,7 +7972,7 @@ color: #6B6B6B; } -.navbar .nav > li > .dropdown-menu:before, .navbar .nav > li > .dropdown-menu:after { +.navbar .nav > li > .dropdown-menu:before, .navbar .nav > li > .dropdown-menu:after { display:none; } @@ -7418,20 +8021,50 @@ margin-right:0px; /**search box*/ + +.navbar #site-search input{ width: 250px; } +.search{display:none;} + #site-search{ - margin: 0; - margin-top:30px; + margin: 0; + margin-top:10px; + +} + +.mobile-search{ + margin-top:15px; + display: none; + } + #site-search.navbar-form input{ font-size: 16px !important; /*Increase text size on search bar - NM 11.06.14 */ - margin-top:0; + margin-top:0; padding: 0 6px; - height:35px; /*height changed for redesign - af 100614*/ - width:350px; /*width changed for redesign - af 100614*/ + height:26px; /*height changed for redesign - af 100614*/ + width:175px; /*width changed for redesign - af 100614*/ /* height:22px; */ } +#site-search.navbar-form .searchbutton { + /* Specific style for search button on the nav bar */ + padding: 0px 4px; + /* padding: 0 6px */ + font-size: 16px; /*button text increased - af 100614*/ + height: 28px; /*button height increased to match bar - af 100614*/ + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; /*border radius increased - af 100614*/ + background-image: none; + background-image: none; + background-image: none; + background-image: none; + background-image: none; /*gradient removed - af 100614*/ +} + + + .searchbutton { /* Specific style for search button on the nav bar */ padding: 0px 4px; @@ -7459,6 +8092,38 @@ margin-right:0px; } } + +/* search box 404 page*/ + +#site-search.site-search-404 input { + font-size: 16px !important; /*Increase text size on search bar - NM 11.06.14 */ + margin-top:0; + margin-right: 5px; + padding: 0 6px; + height:35px; + width: 450px; /* specific size for 404 error page - NM 17.11.14*/ + /* height:22px; */ +} + +.searchbutton-404 { + /* Specific style for search button for 404 error page */ + + padding: 0px 4px; + /* padding: 0 6px */ + font-size: 16px; /*button text increased - af 100614*/ + height: 35px; /*button height increased to match bar - af 100614*/ + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; /*border radius increased - af 100614*/ + background-image: none; + background-image: none; + background-image: none; + background-image: none; + background-image: none; /*gradient removed - af 100614*/ +} + + + /*Can't find class in HTML #header-search { @@ -7473,17 +8138,17 @@ margin-top:0px; /*Mobile header*/ -@media (max-width: 767px) { -#site-tabs ul.nav{ - margin-top:0!important; - margin-left:10px; - margin-right:10px; - margin-bottom:1px; - } +@media (max-width: 767px) { +#site-tabs ul.nav{ + margin-top:0!important; + margin-left:10px; + margin-right:10px; + margin-bottom:1px; + } #logo-wrap{ - padding-top: 5px !important; - padding-bottom: 5px !important; + padding-top: 5px !important; + padding-bottom: 5px !important; } #logo-wrap img { @@ -7526,6 +8191,14 @@ height:auto!important; /*Side bar **********/ +#rss-libraries h4 { + margin-bottom: -22px; +} + +#rss-box-1 h4 { + margin-bottom: -22px; +} + .span4 h3.widget-title { padding-top: 22px; /* Added top padding in to widget area so both page title and widget title bottom border are alighned - NM 16.06.2014 */ padding-left:0; /* Removed right padding from widget title. No longer needed after removing chunky headers - NM 16.06.14 */ @@ -7567,6 +8240,17 @@ padding-right:9px; margin-bottom:20px; } +#contact-details .team-name .hidden-title { + display: none; +} + + +.feedback-details { + margin-top: 0px; /* changed from 110px when contact us heading was removed - DJ - 08-04-2016 */ + margin-bottom: 10px; + text-align: left; /* changed from text-align: center to bring button in line with surrounding content in side widgets - DJ - 20-01-2016 */ +} + #contact-details .tab-content { padding-left:9px; padding-right:9px; @@ -7594,6 +8278,13 @@ line-height:1em; padding:5px; } + +.style-1 .span4 h2.widget-title-contact, .style-2 .span4 h2.widget-title-contact, .style-3 .span4 h2.widget-title-contact, .style-4 .span4 h2.widget-title-contact, .style-5 .span4 h2.widget-title-contact { + /* font-size:20px; /* changed from 16px 12-04-2016 - DJ */ + display: none; + line-height:2.1em; +} + .website-link, .email-link { width: 90%; word-wrap: break-word; @@ -7606,12 +8297,12 @@ width:100%; display:inline; } -/*Break for long words in sidebar addresses*/ -#contact-details div.tab-pain > p { - -ms-word-break: break-all; - word-break: break-all; - word-break: break-word; -} +/*Break for long words in sidebar addresses*/ +#contact-details div.tab-pain > p { + -ms-word-break: break-all; + word-break: break-all; + word-break: break-word; +} /*Footer @@ -7630,13 +8321,13 @@ footer .widget{ footer .widget a { text-decoration: none; - color: white !important; - font-weight: bold; + color: white !important; + font-weight: normal; /* changed from bold to look more like gov uk - DJ - 12-01-2015 */ } -footer .widget a:hover { +footer .widget a:hover { color:white !important; - text-decoration: underline; + text-decoration: underline; } .style-1 > footer { @@ -7659,7 +8350,7 @@ footer .widget a:hover { color: white; /* margin: 0 -15px -15px -15px; */ padding-top: 15px; -/* Removed gradients from footer - NM 13.06.14 +/* Removed gradients from footer - NM 13.06.14 background: -webkit-gradient(linear, left top, left bottom, from(#0B8931), to(#006D3C)); background: -moz-linear-gradient(top, #0B8931, #006D3C); -webkit-box-shadow: 0em 0em 0.188em #7997A1; @@ -7725,7 +8416,7 @@ margin:5px 0; footer p { color:white; - text-align: center; + text-align: left; /* changed from text-align: center - DJ - 20-01-2016 */ } #footer-logos-bottom .container { @@ -7772,7 +8463,7 @@ footer p { background-image: none; background-image: none; background-image: none; - background-image: none; + background-image: none; background-repeat: no-repeat; display: none; /*Hiding mega menus on desktop for redesign - NM 5.8.2014 */ } @@ -7886,7 +8577,7 @@ padding-bottom:3px; width:50%; margin:0; } - + #mega-menu .dropdown-menu .top-tasks-top-left ul{ height:150px; } @@ -8088,9 +8779,9 @@ border-radius:5px; @media (max-width: 978px){ /* mega-menu removed on mobile devices af - 100614*/ - #mega-menu-navbar .navbar-inner + #mega-menu-navbar .navbar-inner {display: none;} -} +} .top-tasks-custom-box ul li { font-size:12px; @@ -8168,7 +8859,7 @@ border-radius:5px; .style-1 #super-box, .style-2 #super-box, .style-3 #super-box { height:300px; - margin-bottom:0; + margin-bottom:0; /* Made drop shadow more stubtle to enhance flat design - NM 10.06.14 */ -moz-box-shadow: inset 0px 0px 0px -2px rgba(50, 50, 50, 0.3); -webkit-box-shadow: inset 0px 0px 0px -2px rgba(100, 100, 100, 0.3); @@ -8178,9 +8869,6 @@ border-radius:5px; box-shadow: 0px 2px 8px rgba(100, 100, 100, 0.3); -moz-box-shadow: 0px 2px 8px rgba(100, 100, 100, 0.3); =webkit-box-shadow: 0px 2px 8px rgba(100, 100, 100, 0.3); */ - - - } .style-1 ul#super-menu, .style-3 ul#super-menu{ @@ -8202,19 +8890,20 @@ border-radius:5px; /* border-top: solid 1px #FFFFFF !important; */ } - + .style-1 ul#super-menu li, .style-3 ul#super-menu li, .style-3 ul#super-menu li { padding: 0px; height: 50px; margin-bottom:0; - background: #006D3C; + background: rgb(0, 109, 60); + /* background: #006D3C; background: -moz-linear-gradient(left, #006D3C 39%, #007F41 100%); background: -webkit-gradient(linear, left top, right top, color-stop(39%,#006D3C), color-stop(100%,#007F41)); background: -webkit-linear-gradient(left, #006D3C 39%,#007F41 100%); background: -o-linear-gradient(left, #006D3C 39%,#007F41 100%); background: -ms-linear-gradient(left, #006D3C 39%,#007F41 100%); background: linear-gradient(to right, #006D3C 39%,#007F41 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006d3c', endColorstr='#007f41',GradientType=1 ); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006d3c', endColorstr='#007f41',GradientType=1 ); */ } .style-1 ul#super-menu li a, .style-3 ul#super-menu li a { @@ -8224,7 +8913,7 @@ border-radius:5px; font-weight:500; color:white; text-decoration:none; - background-image: url(https://www.warwickshire.gov.uk/Web/corporate/wccweb.nsf/Links/B6876CFE9798941F80257855005D6E89/$file/menu-arrow.png); + /* background-image: url(http://www.warwickshire.gov.uk/Web/corporate/wccweb.nsf/Links/B6876CFE9798941F80257855005D6E89/$file/menu-arrow.png);*/ background-size:25px 20px; background-repeat:no-repeat; background-position: 130px 15px; @@ -8232,6 +8921,10 @@ border-radius:5px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + -o-text-overflow: ellipsis; } .style-2 ul#super-menu li a { @@ -8243,7 +8936,7 @@ border-radius:5px; font-weight:500; color:white; text-decoration:none; - background-image: url(https://www.warwickshire.gov.uk/Web/corporate/wccweb.nsf/Links/B6876CFE9798941F80257855005D6E89/$file/menu-arrow2.png); + background-image: url(http://www.warwickshire.gov.uk/Web/corporate/wccweb.nsf/Links/B6876CFE9798941F80257855005D6E89/$file/menu-arrow2.png); background-size:25px 20px; background-repeat:no-repeat; background-position: 155px 15px; @@ -8254,32 +8947,33 @@ border-radius:5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; - -o-text-overflow: ellipsis; + -o-text-overflow: ellipsis; } .style-1 ul#super-menu li a:hover, .style-3 ul#super-menu li a:hover{ - background: -moz-linear-gradient(left, #0F7C4B 39%, #0F8E50 100%); /* FF3.6+ */ - background: -moz-linear-gradient(left, #0F7C4B 39%, #0F8E50 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, right top, color-stop(39%,#0F7C4B), color-stop(100%,#0F8E50)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(left, #0F7C4B 39%,#0F8E50 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(left, #0F7C4B 39%,#0F8E50 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(left, #0F7C4B 39%,#0F8E50 100%); /* IE10+ */ - background: linear-gradient(to right, #0F7C4B 39%,#0F8E50 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0F7C4B', endColorstr='#0F8E50',GradientType=1 ); - background-image: url(https://www.warwickshire.gov.uk/Web/corporate/wccweb.nsf/Links/B6876CFE9798941F80257855005D6E89/$file/menu-arrow.png); + background: rgb(0, 109, 60); +/* background: -moz-linear-gradient(left, #0F7C4B 39%, #0F8E50 100%); /* FF3.6+ */ +/* background: -moz-linear-gradient(left, #0F7C4B 39%, #0F8E50 100%); /* FF3.6+ */ +/* background: -webkit-gradient(linear, left top, right top, color-stop(39%,#0F7C4B), color-stop(100%,#0F8E50)); /* Chrome,Safari4+ */ +/* background: -webkit-linear-gradient(left, #0F7C4B 39%,#0F8E50 100%); /* Chrome10+,Safari5.1+ */ +/* background: -o-linear-gradient(left, #0F7C4B 39%,#0F8E50 100%); /* Opera 11.10+ */ +/* background: -ms-linear-gradient(left, #0F7C4B 39%,#0F8E50 100%); /* IE10+ */ +/* background: linear-gradient(to right, #0F7C4B 39%,#0F8E50 100%); /* W3C */ +/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0F7C4B', endColorstr='#0F8E50',GradientType=1 ); +/* background-image: url(http://www.warwickshire.gov.uk/Web/corporate/wccweb.nsf/Links/B6876CFE9798941F80257855005D6E89/$file/menu-arrow.png); background-size:25px 20px; - background-repeat:no-repeat; - background-position: 130px 15px; + background-position: 130px 15px;*/ + /* background-repeat:no-repeat; */ + } .style-2 ul#super-menu li a:hover { background: rgb(0, 85, 161); - background-image: url(https://www.warwickshire.gov.uk/Web/corporate/wccweb.nsf/Links/B6876CFE9798941F80257855005D6E89/$file/menu-arrow2.png); + /* background-image: url(http://www.warwickshire.gov.uk/Web/corporate/wccweb.nsf/Links/B6876CFE9798941F80257855005D6E89/$file/menu-arrow2.png);*/ background-repeat: no-repeat; background-size:25px 20px; background-position: 155px 15px; /* border-bottom: solid 1px #FFFFFF; */ - } @@ -8287,7 +8981,8 @@ border-radius:5px; color:#006D3C; background-color: #F2F5F2; background: #F2F5F2; - background-image: url(https://www.warwickshire.gov.uk/Web/corporate/wccweb.nsf/Links/B6876CFE9798941F80257855005D6E89/$file/menu-arrow2.png); + background-image: url(//www.warwickshire.gov.uk/wp-content/uploads/2014/10/menu-arrow1.png); + /* background-image: url(http://www.warwickshire.gov.uk/Web/corporate/wccweb.nsf/Links/B6876CFE9798941F80257855005D6E89/$file/menu-arrow2.png); */ background-size: 25px 20px; background-repeat: no-repeat; background-position: 130px 15px; @@ -8296,7 +8991,7 @@ border-radius:5px; .style-2 ul#super-menu li.active a { color:#0055A1; background-color: #F2F5F2; - background-image: url(http://www.warwickshire.gov.uk/wp-content/uploads/2013/03/menu-arrow4.png); + background-image: url(//www.warwickshire.gov.uk/wp-content/uploads/2014/10/menu-arrow2.png); background-size: 25px 20px; background-repeat: no-repeat; background-position: 155px 15px; @@ -8318,30 +9013,29 @@ color:#fff; height:300px; } -@media (min-width: 1200px) { + .style-1 ul#super-menu, .style-2 ul#super-menu, .style-3 ul#super-menu, .style-5 ul#super-menu{ - width:190px; + width:190px; } + .style-1 ul#super-menu li.active a, .style-3 ul#super-menu li.active a, -.style-1 ul#super-menu li a, .style-2 ul#super-menu li a, +.style-1 ul#super-menu li a, .style-2 ul#super-menu li a, .style-3 ul#super-menu li a, .style-1 ul#super-menu li a:hover, .style-2 ul#super-menu li a:hover, .style-3 ul#super-menu li a:hover{ background-position: 155px 15px;} -} -@media (min-width: 768px) and (max-width: 979px) { +@media (min-width: 979px) and (max-width: 1200px) {} +@media (min-width: 768px) and (max-width: 979px) { .style-1 ul#super-menu, .style-2 ul#super-menu, .style-3 ul#super-menu, .style-5 ul#super-menu{ width:160px;} } - + @media (max-width: 767px) { .style-1 ul#super-menu, .style-2 ul#super-menu, .style-3 ul#super-menu, .style-5 ul#super-menu{ width:125px;} .style-1 #super-box, .style-2 #super-box, .style-3 #super-box{ - - margin-bottom: 15px; + margin-bottom: 15px;} } -} - + @media (max-width: 480px) { .style-1 ul#super-menu, .style-2 ul#super-menu, .style-3 ul#super-menu, .style-5 ul#super-menu{ width:190px;} @@ -8350,10 +9044,10 @@ color:#fff; /*Super box slide content*/ #super-box a { -font-size: 16px; -} +font-size: 16px;} -.style-1 #super-box .tab-content,.style-2 #super-box .tab-content, .style-3 #super-box .tab-content, .style-5 #super-box .tab-content{ +.style-1 #super-box .tab-content,.style-2 #super-box .tab-content, .style-3 #super-box .tab-content, .style-4 #super-box .tab-content, .style-5 #super-box .tab-content{ +/* .style-1 #super-box .tab-content,.style-2 #super-box .tab-content, .style-3 #super-box .tab-content, .style-5 #super-box .tab-content{ */ overflow: hidden; height: 100%; margin: 0; @@ -8368,24 +9062,24 @@ font-size: 16px; box-shadow: inset 10px 0px 20px -5px rgba(50, 50, 50, 0.4); */ } -.style-1 .tab-content h4, .style-3 .tab-content h4, .style-3 .tab-content h4, .style-5 .tab-content h4 { +.style-1 .tab-content h4, .style-3 .tab-content h4, .style-3 .tab-content h4, .style-4 .tab-content h4, .style-5 .tab-content h4 { margin:0; margin-bottom:0.75em; + font-size: 18px } -.style-1 .tab-content p, .style-2 .tab-content p, .style-3 .tab-content p, .style-5 .tab-content p{ +.style-1 .tab-content p, .style-2 .tab-content p, .style-3 .tab-content p, .style-4 .tab-content p, .style-5 .tab-content p{ margin:0; margin-bottom:0.75em; } -.style-1 .tab-content ul, .style-2 .tab-content ul, .style-3 .tab-content ul, .style-5 .tab-content ul { +.style-1 .tab-content ul, .style-2 .tab-content ul, .style-3 .tab-content ul, .style-4 .tab-content ul, .style-5 .tab-content ul { padding-left:0; padding-bottom:0; margin:0; - list-style:none; - } + list-style:none;} -.style-1 .tab-content ul li, .style-2 .tab-content ul li, .style-3 .tab-content ul li, .style-5 .tab-content ul li { +.style-1 .tab-content ul li, .style-2 .tab-content ul li, .style-3 .tab-content ul li, .style-4 .tab-content ul li, .style-5 .tab-content ul li { line-height:1.2; margin-bottom:0.6em; } @@ -8396,10 +9090,10 @@ font-size: 16px; .style-1 .tab-content a, .style-3 .tab-content a { color: #006D3C; - text-decoration:none; + text-decoration:underline; /*changed fron none - DJ - 22-02-2016 */ } - -.style-1 .tab-content a:hover, .style-2 .tab-content a:hover, .style-3 .tab-content a:hover{ + +.style-1 .tab-content a:hover, .style-2 .tab-content a:hover, .style-3 .tab-content a:hover, .style-4 .tab-content a:hover{ text-decoration: underline; } @@ -8413,7 +9107,7 @@ font-size: 16px; height:auto; } -.style-1 .tab-content #libraries-nav-search-button, .style-2 .tab-content #libraries-nav-search-button, +.style-1 .tab-content #libraries-nav-search-button, .style-2 .tab-content #libraries-nav-search-button, .style-3 .tab-content #libraries-nav-search-button, .style-5 .tab-content #libraries-nav-search-button { margin:0; } @@ -8421,18 +9115,15 @@ font-size: 16px; /*Super box RSS feeds*/ #super-box li.rssRow > div, #super-box .rss-feed li.rssRow > p { - display:none; -} + display:none;} #super-box .rss-feed h4, #super-box .rss-feed p{ margin-bottom: 0!important; - line-height: 1.1!important; - -} + line-height: 1.1!important;} -/*Super box Style 5*/ +/*Super box Style 4 and Style 5*/ -.style-5 #super-box { +.style-5 #super-box, .style-4 #super-box { height:300px; margin-bottom:0; /* Made drop shadow more stubtle to enhance flat design - NM 10.06.14 */ @@ -8445,7 +9136,7 @@ font-size: 16px; =webkit-box-shadow: 0px 2px 8px rgba(100, 100, 100, 0.3); */ } -.style-5 ul#super-menu{ +.style-5 ul#super-menu { width:160px; height:100%; margin:0; @@ -8453,18 +9144,34 @@ font-size: 16px; background-color: rgb(68, 68, 68); border-right: 0; } - -.style-5 ul#super-menu li{ + +.style-4 ul#super-menu{ + width:160px; + height:100%; + margin:0; + padding:0; + background: rgb(71, 101, 127); + border-right: 0; +} + + .style-5 ul#super-menu li{ padding: 0px; height: 50px; margin-bottom:0; background: rgb(68, 68, 68); } -.style-5 ul#super-menu li a { +.style-4 ul#super-menu li{ + padding: 0px; + height: 50px; + margin-bottom:0; + background: rgb(71, 101, 127); + } + +.style-5 ul#super-menu li a, .style-4 ul#super-menu li a { padding:15px 15px 14px 15px; border:0; - border-bottom: solid 1px #80B280; + border-bottom: solid 1px #FFFFFF; font-weight:500; color:white; text-decoration:none; @@ -8474,19 +9181,23 @@ font-size: 16px; margin:0; -webkit-border-radius:0; -moz-border-radius:0; - border-radius:0; -} + border-radius:0;} -.style-5 ul#super-menu li a:hover{ +.style-5 ul#super-menu li a:hover { background: rgb(68, 68, 68); background-size:25px 20px; background-repeat:no-repeat; - background-position: 130px 15px; -} + background-position: 130px 15px;} -.style-5 ul#super-menu li.active a{ - color:#006D3C; - background-color: #F2F5F2; +.style-4 ul#super-menu li a:hover{ + background: rgb(71, 101, 127); + background-size:25px 20px; + background-repeat:no-repeat; + background-position: 130px 15px;} + + +.style-5 ul#super-menu li.active a, .style-4 ul#super-menu li.active a{ + color:#FFFFFF; background: #F2F5F2; background-size: 25px 20px; background-repeat: no-repeat; @@ -8494,17 +9205,18 @@ font-size: 16px; } @media (min-width: 1200px) { -.style-5 ul#super-menu{ - width:190px; -} -.style-5 ul#super-menu li.active a, .style-5 ul#super-menu li a, .style-5 ul#super-menu li a:hover{ +.style-5 ul#super-menu, .style-4 ul#super-menu{ + width:190px;} + +.style-5 ul#super-menu li.active a, .style-5 ul#super-menu li a, .style-5 ul#super-menu li a:hover, +.style-4 ul#super-menu li.active a, .style-4 ul#super-menu li a, .style-4 ul#super-menu li a:hover{ background-position: 155px 15px;} } /*Super box slide content*/ -.style-5 #super-box .tab-content{ +.style-5 #super-box .tab-content, .style-4 #super-box .tab-content{ overflow: hidden; height: 100%; @@ -8518,55 +9230,64 @@ font-size: 16px; box-shadow: inset 10px 0px 20px -5px rgba(50, 50, 50, 0.4);*/ } -.style-5 .tab-content h4 { +.style-5 .tab-content h4, .style-4 .tab-content h4 { margin:0; margin-bottom:0.75em; } -.style-5 .tab-content p{ +.style-5 .tab-content p, .style-4 .tab-content p{ margin:0; margin-bottom:0.75em; } -.style-5 .tab-content ul { +.style-5 .tab-content ul, .style-4 .tab-content ul { padding-left:0; padding-bottom:0; margin:0; list-style:none; } -.style-5 .tab-content ul li { +.style-5 .tab-content ul li, .style-4 .tab-content ul li { line-height:1.2; margin-bottom:0.6em; } - -.style-5 .tab-content a { - text-decoration:none; +.style-5 .tab-content a, .style-4 .tab-content a { + text-decoration:underline; /* changed from none - DJ - 23-02-2016 */ } -.style-5 .tab-content a:hover{ +.style-5 .tab-content a:hover, style-4 .tab-content a:hover{ text-decoration: underline; } -.style-5 .tab-content form { +.style-5 .tab-content form, .style-4 .tab-content form { height:auto !important; margin:0 0 10px 0; } -.style-5 ul#super-menu li a { +.style-5 ul#super-menu li a:hover, .style-4 ul#super-menu li a:hover { border-bottom: solid 1px #FFFFFF; -background-image: url(https://www.warwickshire.gov.uk/Web/corporate/wccweb.nsf/Links/B6876CFE9798941F80257855005D6E89/$file/menu-arrow2.png); +/*background-image: url(//www.warwickshire.gov.uk/Web/corporate/wccweb.nsf/Links/B6876CFE9798941F80257855005D6E89/$file/menu-arrow2.png);*/ } -.style-5 ul#super-menu li a:hover { -background-image: url(https://www.warwickshire.gov.uk/Web/corporate/wccweb.nsf/Links/B6876CFE9798941F80257855005D6E89/$file/menu-arrow2.png); + +/*.style-5 ul#super-menu li a:hover, .style-4 ul#super-menu li a:hover { + .style-5 ul#super-menu li a:hover { +background-image: url(http://www.warwickshire.gov.uk/Web/corporate/wccweb.nsf/Links/B6876CFE9798941F80257855005D6E89/$file/menu-arrow2.png); +}*/ +.style-4 ul#super-menu li.active a{ +background-image: url(http://www.warwickshire.gov.uk/wp-content/uploads/2014/10/menu-arrow4.png); +color:#666666; } -.style-5 ul#super-menu li.active a { -background-image: url(http://www-int.warwickshire.gov.uk/wp-content/uploads/2013/06/menu-arrow5.png); + +.style-5 ul#super-menu li.active a{ +background-image: url(http://www.warwickshire.gov.uk/wp-content/uploads/2013/06/menu-arrow5.png); color:#666666; } -.style-5 .carousel-caption a { + + + +.style-5 .carousel-caption a, .style-4 .carousel-caption a { color:white; } @@ -8602,7 +9323,6 @@ color:white; #super-box .small-text, #super-box .small-text a{ font-size: 12px; line-height: 1.2; - } .style-1 .date-box p, .style-2 .date-box p, .style-3 .date-box p { @@ -8612,7 +9332,7 @@ color:white; } /*report it slide*/ - + #super-box a {font-size: 14px;} #super-box a {font-size: 14px;} #super-box .sb-icon-button a{ font-size: 14px; line-height: 1.2; @@ -8631,7 +9351,7 @@ color:white; .style-1 .sb-icon-button:hover, .style-2 .sb-icon-button:hover, .style-3 .sb-icon-button:hover, .style-1 .sb-icon-button a:hover, .style-2 .sb-icon-button a:hover, .style-3 .sb-icon-button a:hover{ background-color:rgb(200,225,200); } - + .style-1 .sb-icon-button:hover, .style-2 .sb-icon-button:hover, .style-3 .sb-icon-button:hover{ -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.3); -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.3); @@ -8646,9 +9366,11 @@ color:white; .style-1 .sb-icon-button img, .style-2 .sb-icon-button img, .style-3 .sb-icon-button img { height:auto; - width:100%; +/* width:100%; */ + width: auto; max-height:70px; - max-width:80px; + max-width:70px; +/* max-width:80px; */ } .slide-image { @@ -8657,14 +9379,14 @@ color:white; } .sb-row .form-input{ - height:auto; + height:auto; width:70%; margin-bottom: 10px; } .sb-row .form-label { - width:15%; - display:inline-block; + width:15%; + display:inline-block; } #efaForm p{ @@ -8675,7 +9397,8 @@ color:white; padding:15px 0 0; } -@media (min-width: 768px) and (max-width: 979px) { + +@media (min-width: 768px) and (max-width: 979px) { #super-box a {font-size: 14px;} #sb-twitter-accounts {width:100%!important;} #sb-twitter-list {display:none;} @@ -8683,7 +9406,6 @@ color:white; @media (max-width: 767px) { #sb-twitter-accounts {width:100%!important;} - #sb-twitter-list {display:none;} #super-box a {font-size: 14px;} } @@ -8711,8 +9433,7 @@ ul#super-menu {display:none!important;} /* box-shadow: 0px 2px 8px rgba(100, 100, 100, 0.3); -moz-box-shadow: 0px 2px 8px rgba(100, 100, 100, 0.3); - =webkit-box-shadow: 0px 2px 8px rgba(100, 100, 100, 0.3); */ -} + =webkit-box-shadow: 0px 2px 8px rgba(100, 100, 100, 0.3); */} #nb h2 { position:absolute; @@ -8743,13 +9464,13 @@ line-height:1.2em; color:white; } -.style-1 .carousel-caption h3 a, -.style-3 .carousel-caption h3 a, .style-3 .carousel-caption h3 a, -.style-1 a.carousel-control, .style-1 a.carousel-control:hover, -.style-1 a.carousel-control,.style-1 a.carousel-control:hover, -.style-2 a.carousel-control, .style-2 a.carousel-control:hover, -.style-3 a.carousel-control, .style-3 a.carousel-control:hover, -.style-4 a.carousel-control, .style-4 a.carousel-control:hover, +.style-1 .carousel-caption h3 a, +.style-3 .carousel-caption h3 a, .style-3 .carousel-caption h3 a, +.style-1 a.carousel-control, .style-1 a.carousel-control:hover, +.style-1 a.carousel-control,.style-1 a.carousel-control:hover, +.style-2 a.carousel-control, .style-2 a.carousel-control:hover, +.style-3 a.carousel-control, .style-3 a.carousel-control:hover, +.style-4 a.carousel-control, .style-4 a.carousel-control:hover, .style-5 a.carousel-control, .style-5 a.carousel-control:hover { color:white; text-decoration:none; @@ -8774,11 +9495,10 @@ height: 300px; @media (max-width: 480px){ .carousel-caption { -position: absolute !important; -} +position: absolute !important;} } -/*Feature box style-4*/ +/*Feature box style-4 .style-4 #feature { margin-bottom: 20px; @@ -8793,9 +9513,9 @@ position: absolute !important; .style-4 #super-box { background-color: rgb(71, 101, 127); -/* background-color: #47555E; */ -} - +/* background-color: #47555E; +}*/ + /* .style-4 #super-box .tab-content img { width:100%; } @@ -8807,7 +9527,7 @@ position: absolute !important; .style-4 #super-box .tab-content .feature-links { padding:0; - background-color: black; + background-color: black; bottom: 0; width:100%; } @@ -8848,16 +9568,16 @@ position: absolute !important; } .style-4 #super-box .tab-content ul li { - padding-left: 10px; + padding-left: 10px; padding-right: 10px; } .style-4 #super-box #super-menu { margin-right: 0; margin-bottom: 0; -} +}*/ -/* Style-4 feature box Nav tabs*/ +/* Style-4 feature box Nav tabs .style-4 #super-box .nav-tabs { height: auto; @@ -8866,10 +9586,10 @@ margin-bottom: 0; /* background: #48555E; background: -webkit-gradient(linear, left top, left bottom, from(#708799), to(#48555E)); background: -moz-linear-gradient(top, #708799, #48555E); - background-repeat: repeat-x; */ - -} + background-repeat: repeat-x; +}*/ +/* .style-4 #super-box .nav-tabs li { margin-bottom: 0; width: 275px; @@ -8892,25 +9612,17 @@ margin-bottom: 0; .style-4 #super-box .nav-tabs li a:hover{ background: rgb(65, 93, 117); - /* background: #95A5B0; */ -} + /* background: #95A5B0; +}*/ + -.style-4 #super-box .nav-tabs li.active a{ - background:rgb(84, 121, 150); - /* background: #48555E; */ - border:0; -} .style-4 #super-box .nav-tabs li.active a:hover { - color:white; - border:0; + color: rgb(71, 101, 127); + } -@media (min-width: 1200px) {} -@media (min-width: 979px) and (max-width: 1200px) {} -@media (min-width: 768px) and (max-width: 979px) {} -@media (max-width: 767px) {} /*End of feature box Nav tabs*/ @@ -8931,29 +9643,35 @@ box-shadow: -1px 2px 8px rgba(100, 100, 100, 0.3); } p.job-slide-content { - font-size:16px; + font-size:16px !important; } @media (min-width: 979px) and (max-width: 1200px) { - p.job-slide-content, p.job-slide-content a { - font-size:14px !important; + p.job-slide-content, p.job-slide-content a { + font-size:14px; } img.alignright-slide { - display:none; - } + display:none;} } @media (min-width: 768px) and (max-width: 979px) { - p.job-slide-content, p.job-slide-content a { - font-size:12px !important; -} +.style-1 ul#super-menu li.active a, .style-2 ul#super-menu li.active a, .style-3 ul#super-menu li.active a, + .style-4 ul#super-menu li.active a, .style-5 ul#super-menu li.active a{ +background-image: none;} + + p.job-slide-content, p.job-slide-content a { + font-size:12px !important;} } + @media (max-width: 767px) { - p.job-slide-content, p.job-slide-content a { - font-size:12px !important; -} +.style-1 ul#super-menu li.active a, .style-2 ul#super-menu li.active a, .style-3 ul#super-menu li.active a, + .style-4 ul#super-menu li.active a, .style-5 ul#super-menu li.active a{ +background-image: none;} + + p.job-slide-content, p.job-slide-content a { + font-size:12px !important;} } @@ -8961,9 +9679,9 @@ img.alignright-slide { /*General page content **********************/ .homepage-box p a { - -ms-word-break: break-all; - word-break: break-all; - word-break: break-word; + -ms-word-break: break-all; + word-break: break-all; + word-break: break-word; } .entry-content .tabbable { @@ -8996,23 +9714,30 @@ color:white !important; } article .alert { - margin-top:20px; - margin-bottom:20px; + /* margin-top:-25px;*/ /*changed from margin-top: 20px as the alerts box was too far down teh page - DJ - 17-02-2016 */; + margin-bottom:20px; } -.alert-block{ - color: #0D0D00; +.alert-block { + /*color: #0D0D00; background-color: #FDEFA6; - border-color: #F5DC63; + border-color: #F5DC63;*/ + color: #0D0D00; +background-color: lightgrey; /* changed from #E3D4E7 - DJ - 23-02-2016 */ +border-color: #000000; } .alert-danger, .alert-error { - color: #260102; + /*color: #260102; background-color: #FFD1D1; - border-color: #D95D59; + border-color: #D95D59;*/ +color: #260102; +background-color: #E7E7E7; /* changed DJ - 22-02-2016 */ +border-color: #000000; } + .highlight-style-1{ min-height: 20px; padding: 19px; @@ -9051,7 +9776,7 @@ article .alert { } .style-4 .table th { - background-color: #47657F; + background-color: #47657F; /* background-color: #48565F; */ color:white; } @@ -9066,36 +9791,36 @@ article .alert { } /*Accordions*/ -.accordion-slide-header { - font-size:20px; - margin:0; - background-color: #fafafa; - background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2)); - background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2); - background-image: -o-linear-gradient(top, #ffffff, #f2f2f2); - background-image: linear-gradient(to bottom, #ffffff, #f2f2f2); - background-repeat: repeat-x; - border: 1px solid #d4d4d4; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); - cursor:pointer; - background-image:url('//www.warwickshire.gov.uk/wp-content/uploads/2014/02/down.png'); - background-position:98% 50%; - background-repeat:no-repeat; - margin-left:0; - margin-right:0; +.accordion-slide-header { + font-size:20px; + margin:0; + background-color: #fafafa; + background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2)); + background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2); + background-image: -o-linear-gradient(top, #ffffff, #f2f2f2); + background-image: linear-gradient(to bottom, #ffffff, #f2f2f2); + background-repeat: repeat-x; + border: 1px solid #d4d4d4; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); + cursor:pointer; + background-image:url('//www.warwickshire.gov.uk/wp-content/uploads/2014/02/down.png'); + background-position:98% 50%; + background-repeat:no-repeat; + margin-left:0; + margin-right:0; padding-top:20px; padding-bottom:20px; -/* padding-top:5px; - padding-bottom:5px; */ - margin-top:0; - margin-bottom:0; - padding-left:10px; - padding-right: 50px; - border-bottom:solid 1px #C3C3C3; +/* padding-top:5px; + padding-bottom:5px; */ + margin-top:0; + margin-bottom:0; + padding-left:10px; + padding-right: 50px; + border-bottom:solid 1px #C3C3C3; width:auto; } @@ -9145,17 +9870,18 @@ article .alert { -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.5); } .google-form { - height:auto !important; + height:auto !important; } /*RSS*/ -.style-1 #secondary .rss-feed, .style-2 #secondary .rss-feed, .style-3 #secondary .rss-feed, + +.style-1 #secondary .rss-feed, .style-2 #secondary .rss-feed, .style-3 #secondary .rss-feed, .style-4 #secondary .rss-feed, .style-5 #secondary .rss-feed { margin-left:0; } -.style-1 #secondary .rss-feed p, .style-2 #secondary .rss-feed p, .style-3 #secondary .rss-feed p, +.style-1 #secondary .rss-feed p, .style-2 #secondary .rss-feed p, .style-3 #secondary .rss-feed p, .style-4 #secondary .rss-feed p, .style-5 #secondary .rss-feed p { margin: 0 0 0 0.5em; padding: 0; @@ -9179,16 +9905,19 @@ article .alert { #secondary .rss-feed .rss-sub { padding-left:9px; padding-right:9px; + } -.style-1 #secondary .rss-feed h4, .style-2 #secondary .rss-feed h4, .style-3 #secondary .rss-feed h4, +.style-1 #secondary .rss-feed h4, .style-2 #secondary .rss-feed h4, .style-3 #secondary .rss-feed h4, .style-4 #secondary .rss-feed h4, .style-5 #secondary .rss-feed h4 { margin-left: 0; + } + .style-1 #secondary .rss-feed h3 { background: #F9FFF8; -/* Removing background and changing font colour on RSS feed boxes on the widget areas for flat design - NM 18.06.14 +/* Removing background and changing font colour on RSS feed boxes on the widget areas for flat design - NM 18.06.14 background: -moz-linear-gradient(top, #10952D 0%, #006D3C 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#10952D), color-stop(100%,#006D3C)); background: -webkit-linear-gradient(top, #10952D 0%,#006D3C 100%); @@ -9204,11 +9933,12 @@ padding-right:9px; border-top: none; border-left: none; border-right: none; + } .style-5 #secondary .rss-feed h3 { background: #F9FFF8; -/* Removing background and changing font colour on RSS feed boxes on the widget areas for flat design - NM 18.06.14 +/* Removing background and changing font colour on RSS feed boxes on the widget areas for flat design - NM 18.06.14 background: -moz-linear-gradient(top, #666 0%, #444 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666), color-stop(100%,#444)); background: -webkit-linear-gradient(top, #666 0%,#444 100%); @@ -9246,10 +9976,19 @@ padding-right:9px; /*Buttons *********/ + +/*Contact button for contact details area*/ + +.smallbutton a { +/* .contactbutton a { */ + color: white !important; +text-decoration: none!important; +} + /*Big buttons*/ .big-button { - color:#333; + color:#333; } .style-1 .big-button-wrap, .style-2 .big-button-wrap, .style-3 .big-button-wrap { @@ -9280,7 +10019,7 @@ text-align:center; .btn-big { font-size:200%; - padding:21px 29px; + padding:11px 29px; /*changed from 21 and 29pxto reduce white space- DJ - 20-01-2016 */ margin-bottom: 20px; } @@ -9288,12 +10027,14 @@ text-align:center; margin-bottom:14px; } -.style-1 .btn-big, .style-2 .btn-big, .style-3 .btn-big, .style-4 .btn-big, .style-5 .btn-big, +.style-1 .btn-big, .style-2 .btn-big, .style-3 .btn-big, .style-4 .btn-big, .style-5 .btn-big, .style-1 .btn-large, .style-2 .btn-large, .style-3 .btn-large, .style-4 .btn-large, .style-5 .btn-large { color:white; + text-decoration: none; /* added to remove underline from button - DJ - 20-01-2016 */ + font-size: medium; /* added to reduce size of button font - DJ - 20-01-2016 */ } -.style-1 .btn-big:hover, .style-2 .btn-big:hover, .style-3 .btn-big:hover, .style-4 .btn-big:hover, .style-5 .btn-big:hover, +.style-1 .btn-big:hover, .style-2 .btn-big:hover, .style-3 .btn-big:hover, .style-4 .btn-big:hover, .style-5 .btn-big:hover, .style-1 .btn-large:hover, .style-2 .btn-large:hover, .style-3 .btn-large:hover, .style-4 .btn-large:hover, .style-5 .btn-large:hover { color:white; } @@ -9302,7 +10043,7 @@ text-align:center; text-align: center; margin: 0 auto; display: block; - width: 100%; + width: 100%; } /*Horizontal large buttons*/ @@ -9392,20 +10133,19 @@ text-align:center; /*Button 3 (BLUE)*/ .btn-3 { - color: #FFFFFF; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #2D81D6; - *background-color: #0055A1; - background-image: -moz-linear-gradient(top, #2D91ED, #0055A1); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2D91ED), to(#0055A1)); - background-image: -webkit-linear-gradient(top, #2D91ED, #0055A1); - background-image: -o-linear-gradient(top, #2D91ED, #0055A1); - background-image: linear-gradient(to bottom, #2D91ED, #0055A1); - background-repeat: repeat-x; - border-color: #0055A1 #0055A1 #003E69; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff308FFF', endColorstr='#ff0055A1', GradientType=0); - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + color: #FFFFFF; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #0055A1!important; + background-image: -moz-linear-gradient(top, #2D91ED, #0055A1); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0055A1!important), to(#0055A1!important)); + background-image: -webkit-linear-gradient(top, #2D91ED, #0055A1); + background-image: -o-linear-gradient(top, #2D91ED, #0055A1); + background-image: linear-gradient(to bottom, #2D91ED, #0055A1); + background-repeat: repeat-x; + border-color: #0055A1 #0055A1 #003E69; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff308FFF', endColorstr='#ff0055A1', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-3:hover, .btn-3:active, .btn-3.active, .btn-3.disabled, .btn-3[disabled] { @@ -9559,10 +10299,65 @@ text-align:center; } -/*Home page specific code +/* New SPP homepage - DJ I'm good at this :)- 21/07/2014*/ +#spphome-staffmembers { +background-image: url(//www.warwickshire.gov.uk/wp-content/uploads/2014/10/spp-staff.png);} +#spphome-jobs{ +background-image: url(//www.warwickshire.gov.uk/wp-content/uploads/2014/10/spp-jobs.png);} +#spphome-partnerships { +background-image: url(//www.warwickshire.gov.uk/wp-content/uploads/2014/10/spp-partnerships.png);} +#spphome-hr { +background-image: url(//www.warwickshire.gov.uk/wp-content/uploads/2014/10/spp-hr.png);} +#spphome-professionals { +background-image: url(//www.warwickshire.gov.uk/wp-content/uploads/2014/10/spp-professionals.png);} +#spphome-schools { +background-image: url(//www.warwickshire.gov.uk/wp-content/uploads/2014/10/spp-schools.png);} + +.style-1 .span6, .style-2 .span6, .style-3 .span6, .style-5 .span6, .style-4 .span6{ + margin-bottom:1.7em; +} + +.style-1 ul.homepage-links a, .style-5 ul.homepage-links a, .home-header a, #super-box .tab-content a, .style-4 ul.homepage-links a{ + font-weight: 500; + text-decoration: none; +} + +.style-1 ul.homepage-links a:hover, .style-2 ul.homepage-links a:hover, .style-3 ul.homepage-links a:hover, .style-4 ul.homepage-links a:hover, .style-5 ul.homepage-links a:hover { + text-decoration: underline; +} + +.style-1 ul.homepage-links a.strong{ + font-weight: 600; +} + +.style-1 ul.homepage-links a img, .style-5 ul.homepage-links a img, .style-4 ul.homepage-links a img { + display: none; +} + +.style-1 ul.homepage-links a.strong, .style-5 ul.homepage-links a.strong, .style-4 ul.homepage-links a.strong{ + font-weight: 600; +} + +@media (max-width: 979px) and (min-width: 768px) { +.style-1 ul.homepage-links, .style-2 ul.homepage-links, .style-3 ul.homepage-links, .style-4 ul.homepage-links { + font-size: 16px; + height: 70px; +} + +.style-4 ul#super-menu{ + width:190px; +} + +.style-4 ul#super-menu li.active a, .style-5 ul#super-menu li a, .style-5 ul#super-menu li a:hover{ + background-position: 155px 15px;} +} + + +/* Generic style for old homepages +Home page specific code *************************/ -/*Home pages*/ +/*Home pages .span3.homepage-box { -webkit-box-shadow: 0px 0px 1px #444444; -moz-box-shadow: 0px 0px 1px #444444; @@ -9575,7 +10370,7 @@ text-align:center; .style-4 .span6.homepage-box ul {background-color:#F9FFF8;} .style-5 .span6.homepage-box ul {background-color:#F9FFF8;} -.span3.homepage-box{ +.span3.homepage-box{ height: 24em; position: relative; display: block; @@ -9626,8 +10421,10 @@ text-align:center; background-position:center right; background-repeat:no-repeat; } +*/ -/*--style-4 Homepage--*/ +/* OLD SPP Homepage +--style-4 Homepage-- .style-4 .span6.homepage-box { -webkit-box-shadow: 0px 0px 1px #444444; @@ -9647,7 +10444,7 @@ text-align:center; -webkit-box-shadow: 0em 0em 0.188em #7997A1; -moz-box-shadow: 0em 0em 0.188em #7997A1; box-shadow: 0em 0em 0.188em #7997A1; */ - background-position: top left; +/* background-position: top left; font-size: 1.3em; margin: 0; padding: 0.7em; @@ -9715,8 +10512,9 @@ text-align:center; } } - -/*--style-5 Homepage--*/ +*/ +/* Old About the Council / Jobs Homepage style / +--style-5 Homepage-- .style-5 .span3.homepage-box, .style-5 .span6.homepage-box-govmetric { -webkit-box-shadow: 0px 0px 1px #444444; @@ -9758,14 +10556,13 @@ text-align:center; border: solid; border-color: #C3C3C3; border-width: 3px; - border-top: none; border-left: none; border-right: none; text-decoration:none; } -.style-5 .span6.homepage-box-govmetric{ +.style-5 .span6.homepage-box-govmetric{ height: 24em; position: relative; display: block; @@ -9775,12 +10572,12 @@ text-align:center; margin-bottom:1em; } -.style-5 .span6.homepage-box-govmetric ul{ +.style-5 .span6.homepage-box-govmetric ul{ margin:0; text-align: center; } -.style-5 .span6.homepage-box-govmetric li{ +.style-5 .span6.homepage-box-govmetric li{ margin-left: 0.5em; margin-right: 0.5em; line-height: 45px; @@ -9871,12 +10668,13 @@ text-align:center; .style-5 .homepage-box > h4 { margin-left: 1em; } +*/ /*--Politician Search form--*/ #my-warwickshire input:focus { box-shadow: 0 0 5px rgba(0,128,0, 1); - -webkit-box-shadow: 0 0 5px rgba(0,128,0, 1); + -webkit-box-shadow: 0 0 5px rgba(0,128,0, 1); -moz-box-shadow: 0 0 5px rgba(0,128,0, 1); } @@ -9919,8 +10717,8 @@ text-align:center; } #politician-search textarea, #politician-search input { - width: 100%; - height: auto; + width: 100%; + height: auto; } @media (min-width: 979px) and (max-width: 1200px) { @@ -9933,7 +10731,7 @@ text-align:center; .homepage-box h4 a:hover {background-image:none;} } -@media (min-width: 768px) and (max-width: 979px) { +@media (min-width: 768px) and (max-width: 979px) { .style-4 .span6.homepage-box, .style-5 .span6.homepage-box,.style-5 .span6.homepage-box-govmetric{height: 32.5em;} .style-4 .span3.homepage-box, .style-5 .span3.homepage-box {height: 35em; font-size: 13px;} .style-4 .span3.homepage-box h5, .style-5 .span3.homepage-box h5 {font-size: 13px;} @@ -9962,28 +10760,31 @@ h3.home-header { font-size: 22px; margin: 0 0 0.3em; padding-left:35px; + padding-top: 0px; /* added to prevent text dropping below icon on home pages - DJ - 05-02-2016 */ background-size:25px 25px; background-repeat:no-repeat; background-position:relative; } -#home-business {background-image:url(http://www.warwickshire.gov.uk//Web/corporate/wccweb.nsf/Links/B6876CFE9798941F80257855005D6E89/$file/hp-icon-business-25.png);} -#home-environment {background-image:url(http://www.warwickshire.gov.uk//Web/corporate/wccweb.nsf/Links/B6876CFE9798941F80257855005D6E89/$file/hp-icon-environment-25.png);} -#home-health {background-image:url(http://www.warwickshire.gov.uk//Web/corporate/wccweb.nsf/Links/B6876CFE9798941F80257855005D6E89/$file/hp-icon-health-25.png);} -#home-libraries {background-image:url(http://www.warwickshire.gov.uk//Web/corporate/wccweb.nsf/Links/B6876CFE9798941F80257855005D6E89/$file/hp-icon-libraries-25.png);} -#home-registrations {background-image:url(http://www.warwickshire.gov.uk//Web/corporate/wccweb.nsf/Links/B6876CFE9798941F80257855005D6E89/$file/hp-icon-registrations-25.png);} -#home-roads {background-image:url(http://www.warwickshire.gov.uk//Web/corporate/wccweb.nsf/Links/B6876CFE9798941F80257855005D6E89/$file/hp-icon-roads-25.png);} -#home-safety {background-image:url(http://www.warwickshire.gov.uk//Web/corporate/wccweb.nsf/Links/B6876CFE9798941F80257855005D6E89/$file/hp-icon-safety-25.png);} -#home-schools {background-image:url(http://www.warwickshire.gov.uk//Web/corporate/wccweb.nsf/Links/B6876CFE9798941F80257855005D6E89/$file/hp-icon-schools-25.png);} -#home-social {background-image:url(http://www.warwickshire.gov.uk//Web/corporate/wccweb.nsf/Links/B6876CFE9798941F80257855005D6E89/$file/hp-icon-social-25.png);} -#home-events {background-image:url(http://www.warwickshire.gov.uk//Web/corporate/wccweb.nsf/Links/B6876CFE9798941F80257855005D6E89/$file/hp-icon-events-25.png);} -#home-council {background-image:url(http://www.warwickshire.gov.uk//Web/corporate/wccweb.nsf/Links/B6876CFE9798941F80257855005D6E89/$file/hp-icon-council-25.png);} -#home-audience {background-image:url(http://www.warwickshire.gov.uk//Web/corporate/wccweb.nsf/Links/B6876CFE9798941F80257855005D6E89/$file/hp-icon-accounts-25.png);} +#home-business {background-image:url(//www.warwickshire.gov.uk/wp-content/uploads/2014/10/wd-business.png);} +#home-environment {background-image:url(//www.warwickshire.gov.uk/wp-content/uploads/2014/10/wd-environment.png);} +#home-health {background-image:url(//www.warwickshire.gov.uk/wp-content/uploads/2014/10/wd-health.png);} +#home-libraries {background-image:url(//www.warwickshire.gov.uk/wp-content/uploads/2014/10/wd-libraries.png);} +#home-registrations {background-image:url(//www.warwickshire.gov.uk/wp-content/uploads/2014/10/wd-registrations.png);} +#home-roads {background-image:url(//www.warwickshire.gov.uk/wp-content/uploads/2014/10/wd-roads.png);} +#home-safety {background-image:url(//www.warwickshire.gov.uk/wp-content/uploads/2014/10/wd-safetyandcrime.png);} +#home-schools {background-image:url(//www.warwickshire.gov.uk/wp-content/uploads/2014/10/wd-schools.png);} +#home-social {background-image:url(//www.warwickshire.gov.uk/wp-content/uploads/2014/10/wd-socialcare.png);} +#home-events {background-image:url(//www.warwickshire.gov.uk/wp-content/uploads/2014/10/wd-events.png);} +#home-council {background-image:url(//www.warwickshire.gov.uk/wp-content/uploads/2014/10/wd-council.png);} +#home-audience {background-image:url(http://www.warwickshire.gov.uk/wp-content/uploads/2014/10/wd-volunteering.png);} +#home-a-z {background-image:none; margin-left: -1.5em;} .style-1 h3.home-header a, .style-2 h3.home-header a, .style-3 h3.home-header a { color:black; + text-decoration: none; /* added to prevent titles underlining on business homepage 28-01-2016 - DJ */ } ul.homepage-links { @@ -10025,35 +10826,35 @@ ul.homepage-links li, ul.homepage-links li a.strong { /* New corporate homepage image icons */ #corporatehome-democracy { -background-image: url(http://www.warwickshire.gov.uk/wp-content/uploads/2013/08/democracy.png);} +background-image: url(//www.warwickshire.gov.uk/wp-content/uploads/2014/10/council-democracy.png);} #corporatehome-finance{ -background-image: url(http://www.warwickshire.gov.uk/wp-content/uploads/2013/08/finace-suppliers.png);} +background-image: url(//www.warwickshire.gov.uk/wp-content/uploads/2014/10/council-finance.png);} #corporatehome-jobs { -background-image: url(http://www.warwickshire.gov.uk/wp-content/uploads/2013/03/OtherBusinessServices.png);} +background-image: url(//www.warwickshire.gov.uk/wp-content/uploads/2014/10/council-jobs.png);} #corporatehome-listsanddata { -background-image: url(http://www.warwickshire.gov.uk/wp-content/uploads/2013/08/list-and-data2.png);} +background-image: url(//www.warwickshire.gov.uk/wp-content/uploads/2014/10/council-lists.png);} #corporatehome-organisation { -background-image: url(http://www.warwickshire.gov.uk/wp-content/uploads/2013/08/organisation2.png);} +background-image: url(//www.warwickshire.gov.uk/wp-content/uploads/2014/10/council-organisation.png);} #corporatehome-performance { -background-image: url(http://www.warwickshire.gov.uk/wp-content/uploads/2013/08/performance2.png);} +background-image: url(//www.warwickshire.gov.uk/wp-content/uploads/2014/10/council-performance.png);} #corporatehome-policies { -background-image: url(http://www.warwickshire.gov.uk/wp-content/uploads/2013/08/policies.png);} +background-image: url(//www.warwickshire.gov.uk/wp-content/uploads/2014/10/council-policies.png);} #corporatehome-projects { -background-image: url(http://www.warwickshire.gov.uk/wp-content/uploads/2013/08/projects.png);} +background-image: url(//www.warwickshire.gov.uk/wp-content/uploads/2014/10/council-projects.png);} #corporatehome-strategies { -background-image: url(http://www.warwickshire.gov.uk/wp-content/uploads/2013/08/strategies.png);} +background-image: url(//www.warwickshire.gov.uk/wp-content/uploads/2014/10/council-strategies.png);} #corporatehome-partnerships { -background-image: url(http://www.warwickshire.gov.uk/wp-content/uploads/2013/08/partnerships4.png);} +background-image: url(//www.warwickshire.gov.uk/wp-content/uploads/2014/10/council-partnerships.png);} /* New jobs homepage image icons */ #jobshome-guidance { -background-image: url(http://www.warwickshire.gov.uk/wp-content/uploads/2013/03/BusinessAdvice.png);} +background-image: url(//www.warwickshire.gov.uk/wp-content/uploads/2014/10/jobs-guidance.png);} #jobshome-firerescue{ -background-image: url(http://www.warwickshire.gov.uk//Web/corporate/wccweb.nsf/Links/B6876CFE9798941F80257855005D6E89/$file/hp-icon-safety-25.png);} +background-image: url(//www.warwickshire.gov.uk/wp-content/uploads/2014/10/jobs-firerescue.png);} #jobshome-careers { -background-image: url(http://www.warwickshire.gov.uk//Web/corporate/wccweb.nsf/Links/B6876CFE9798941F80257855005D6E89/$file/hp-icon-business-25.png);} +background-image: url(//www.warwickshire.gov.uk/wp-content/uploads/2014/10/jobs-careers.png);} #jobshome-contact { -background-image: url(http://www.warwickshire.gov.uk/wp-content/uploads/2013/08/jobs-contact.png);} +background-image: url(//www.warwickshire.gov.uk/wp-content/uploads/2014/10/jobs-contact.png);} /*Bespoke page code @@ -10086,12 +10887,13 @@ background-image: url(http://www.warwickshire.gov.uk/wp-content/uploads/2013/08/ } p.atoz { - text-align:center; + text-align:left; +/* text-align:center;*/ color:#ccc; } p.atoz a { - margin:4px 2px; + margin:4px 2px; display:inline-block; width:1.25em; height:1.15em; @@ -10120,7 +10922,7 @@ p.atoz a { display:block; } -.style-1 #sb-leftarrow, .style-1 #sb-rightarrow, +.style-1 #sb-leftarrow, .style-1 #sb-rightarrow, .style-3 #sb-leftarrow, .style-3 #sb-rightarrow { display:block; position:absolute; @@ -10155,19 +10957,30 @@ p.atoz a { .style-4 #sb-leftarrow, .style-4 #sb-rightarrow { display:block; position:absolute; + width:20px; + height:20px; + background-color: #c4c9ce; + z-index:200; + padding:140px 0.1em; +} + + +/*.style-4 #sb-leftarrow, .style-4 #sb-rightarrow { + display:block; + position:absolute; z-index:200; padding:5px; background:#ffffff; top: 15px; -} +}*/ #sb-rightarrow { - right:0; + right:0; } #sb-leftarrow { left:0; -} +} .style-1 #super-box, .style-2 #super-box, .style-3 #super-box, .style-4 #super-box, .style-5 #super-box{ position:relative; @@ -10243,28 +11056,28 @@ box-shadow: 0em 0em 0.188em #7997A1 !important; } /* New image icons */ #businesshome-organisations { -background-image: url(http://www.warwickshire.gov.uk/wp-content/uploads/2013/03/BusinessOrganisations.png); +background-image: url(//www.warwickshire.gov.uk/wp-content/uploads/2014/10/business-support.png); } #businesshome-advice { -background-image: url(http://www.warwickshire.gov.uk/wp-content/uploads/2013/03/BusinessAdvice.png); +background-image: url(//www.warwickshire.gov.uk/wp-content/uploads/2014/10/business-advice.png); } #businesshome-health { -background-image: url(http://www.warwickshire.gov.uk/wp-content/uploads/2013/03/BusinessSafety.png); +background-image: url(//www.warwickshire.gov.uk/wp-content/uploads/2014/10/business-healthsafety.png); } #businesshome-other { -background-image: url(http://www.warwickshire.gov.uk/wp-content/uploads/2013/03/OtherBusinessServices.png); +background-image: url(//www.warwickshire.gov.uk/wp-content/uploads/2014/10/business-other.png); } #businesshome-events { -background-image: url(http://www.warwickshire.gov.uk/wp-content/uploads/2013/03/businessEvents.png); +background-image: url(//www.warwickshire.gov.uk/wp-content/uploads/2014/10/business-events.png); } #businesshome-grow { -background-image: url(http://www.warwickshire.gov.uk/wp-content/uploads/2013/03/Growingyourbusiness.png); +background-image: url(//www.warwickshire.gov.uk/wp-content/uploads/2014/10/business-growing.png); } #businesshome-locating { -background-image: url(http://www.warwickshire.gov.uk/wp-content/uploads/2013/03/Locatingyourbusiness.png); +background-image: url(//www.warwickshire.gov.uk/wp-content/uploads/2014/10/business-locating.png); } #businesshome-start { -background-image: url(http://www.warwickshire.gov.uk/wp-content/uploads/2013/03/StartABusiness.png); +background-image: url(//www.warwickshire.gov.uk/wp-content/uploads/2014/10/business-start.png); } /* business homepage media queries specific for business makes it more flexible and ready for A-Z at later date*/ @media (max-width: 979px) and (min-width: 768px) { @@ -10276,10 +11089,10 @@ width: 95% !important; } } @media (max-width: 1200px) and (min-width:979px) { - .style-1 .span6, .style-2 .span6, .style-3 .span6{ + .style-1 .span6, .style-2 .span6, .style-3 .span6{ margin-bottom:1.7em; -} - +} + .businessspan6 { width: 45% !important; } @@ -10295,7 +11108,8 @@ font-weight: 600; } .style-2 ul.homepage-links a { font-weight: normal; -} +text-decoration: none +} /* changed as part of redesign 14-01-2016*/ .style-2 h1.entry-title, .style-2 .span4 h3.widget-title { background:#F9FFF8; /* changed background colour* as part of redesign 13/06/2014/ @@ -10315,7 +11129,7 @@ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#2D91ED', endC background:#0055A1; /* Removed gradient for redesign 13/06/2014 DJ/ background:-moz-linear-gradient(bottom, rgba(0, 85, 161, 1) 0%, rgba(45, 145, 237, 1) 100%); -background:-webkit-gradient(linear, left bottom, left top, color-stop(0%,rgba(0, 85, 161, 1)), +background:-webkit-gradient(linear, left bottom, left top, color-stop(0%,rgba(0, 85, 161, 1)), color-stop(100%,rgba(45, 145, 237, 1))); background: -webkit-linear-gradient(bottom, rgba(0, 85, 161, 1) 0%,rgba(45, 145, 237, 1) 100%); background:-o-linear-gradient(bottom, rgba(0, 85, 161, 1) 0%,rgba(45, 145, 237, 1) 100%); @@ -10326,8 +11140,13 @@ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#2D91ED', endC -.style-2 a, .style-2 .tab-content a { +.style-2 a { color:#0055A1; +text-decoration: underline; /* changed from text-decoration: none; - DJ - 20-01-2016 */ +} +.style-2 .tab-content a { +color:#0055A1; +text-decoration: underline; /* changed from none - DJ - 23-02-2016 */ } .style-2 .container > footer { @@ -10363,6 +11182,29 @@ display:none; /*Style for new navigation pages*/ +/*New style for navigation page mobile and tabled view */ + +.navigation-page-column{ +float: left; +display: block; +margin: 0px; +width: 31%; +padding: 0 1%; +} + +.navigation-more-links { +margin-left:10px; +} + +.navigation-row-three { +margin-left:-30px; +margin-right:0px; +display: block; +height:130px; +} + +/*New styling ends */ + .navigation-page-row /* .nav-row */ { margin-top:10px; @@ -10406,7 +11248,8 @@ padding-left:5px; font-weight:lighter; margin:-60px 30px 5px 70px; padding-top:2px; -line-height:22px; +line-height:25px; /* changed from 22px to prevent overlapping when title goes onto 2 lines - DJ - 01-02-2016 */ +font-size: 25px; } .navigation-page-description @@ -10434,10 +11277,15 @@ div.clickable a { height:100%; top:0; left:0; + text-decoration: none !important; /* text decoration added to prevent underlining on nav boxes - DJ - 20-01-2016 */ } @media (max-width: 979px) { +.navigation-page-title { + font-size: 20px; +} + .navigation-page-description { /*text-overflow: ellipsis; height:150px; @@ -10457,12 +11305,63 @@ margin-left: 20px; } + +/*New mobile styling for navigation page on mobile and tablet */ +@media (max-width: 750px) { + +.navigation-page-icon { +display:block; +margin-left: auto; +margin-right: auto; +padding-top:5px; +padding-left:0px; +} + +.navigation-row-three h3 { +font-size:15px; +padding-top:5px; +padding-bottom:10px; +line-height: 16px; +text-align: center; +} + +.navigation-page-title { +font-size:15px; +padding-bottom:5px; +line-height: 16px; +display:block; +margin-left: auto; +margin-right: auto; +margin-top:5px; +} + +.navigation-row-three { +padding-top:20px; +margin-bottom:50px; +margin-left:0px !important; +margin-right:0px; +height: 70px; +} + + +/*End of new styling */ + @media (max-width: 767px) { .navigation-page-title { margin-right:0px; padding-top:20px; -font-size:20px; +font-size:15px; /* changed from20px to prevent overlapping - DJ - 03-02-2016 */ +text-align: center; +} + +/* Addded to prevent section header overlapping nav icon text */ +.section-header { +margin: 15px 0; +margin-top: 80px; + border: 0; + border-top: 5px solid #000000; + border-bottom: 1px solid white; } .navigation-page-description { @@ -10498,6 +11397,22 @@ margin-left:0px; font-size:20px;} } +/*media query added to reduce heading size on mobil devices - DJ 04-02-2016 */ +@media (max-width: 480px) { +h1.entry-title { +font-size:34px; +font-weight: bold; +} +h2 { + font-size: 32px; +} +h1 { + font-size: 34px; + font-weight:bold; +} +} + + /* @media (max-width: 767px) { .navigation-page-title { padding-top:5px; @@ -10516,4 +11431,116 @@ font-size:20px;} * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat. + + */ + +/* CSS for sliders */ + +.accordion-slide-header { +padding-top:10px; +padding-bottom:10px; +} + +.accordion-icon { +height:60px; +width:60px; +padding-right:10px; +} + +.tab-image { +width:80px; +height:80px; +} + +.slider-image { +height:auto; +width:100%; +} + +.carousel-caption { +top: 0; +bottom: auto; +margin-top:15px; +margin-left:10px; +max-width:250px; +font-family:impact; +font-size:40px; +font-weight:normal!important; +} + +.intro { +top: 0; +bottom: auto; +margin-top:15px; +margin-left:10px; +max-width:500px; +font-family:helvetica!important; +font-size:14px; +} + +@media (min-width: 1200px) { + +.right-text { +float: right; +width: 300px; +margin-right: 10px; +margin-left: auto; +padding: 20px; +} + +.left-text { +float: right; +width: 300px; +margin-left: 10px; +margin-right: auto; +padding: 20px; +} + +} + +@media (min-width: 981px) and (max-width: 1199px) {} + +@media (min-width: 768px) and (max-width: 980px) {} + +@media (max-width: 767px) { + +.carousel-caption { +position: relative; +background-color: #F9FFF8; +color:#333333; +font-size:24px; +} + +.intro { +top: 0; +bottom: auto; +margin-top:15px; +margin-left:10px; +max-width:500px; +font-family:helvetica!important; +font-size:14px; +} + +} + +@media (max-width: 480px) { + +.carousel-caption { +position: relative!important; +background-color: #F9FFF8; +color:#333333; +font-size:24px; +} + +.intro { +top: 0; +bottom: auto; +margin-top:15px; +margin-left:10px; +max-width:500px; +font-family:helvetica!important; +font-size:14px; +} + +}
\ No newline at end of file diff --git a/web/cobrands/warwickshire/vendor/gamma/venues.css b/web/cobrands/warwickshire/vendor/gamma/venues.css new file mode 100644 index 000000000..ed47a8424 --- /dev/null +++ b/web/cobrands/warwickshire/vendor/gamma/venues.css @@ -0,0 +1,249 @@ +/* + +.venue-title { +font-size:16px; +font-weight: bold; +margin:10px; +line-height:20px; +} + +div.weddings-intro { +margin-bottom:0px; +} + +.title-text { +font-size:15px; +color:white; +background-color:#2b4d42; +position:absolute; +} + +.wedding-nav-large img { +width:auto; +margin:auto; +display:block; +} + +.wedding-nav-small img { +width:auto; +margin:auto; +display:block; +} + +div.wedding-nav-large:hover { +background-color:rgb(200,225,200); +} + +div.wedding-nav-small:hover { +background-color:rgb(200,225,200); +} + +.wedding-nav-large a:hover { +text-decoration:none; +color:black; +} + +.wedding-nav-small a:hover { +text-decoration:none; +color:black; +} + +.desc-text { +padding-bottom:0px; +margin-bottom:0px; +text-decoration: none; +font-weight: lighter; +} + +.venue-text { +padding:10px 10px 10px 10px; +margin:10px; +text-decoration: none; +font-weight: lighter; +} + +@media (min-width: 1200px) { + +.photo-mobile { +display:none !important; +} + +.title-text { +margin-left:25px; +margin-top:-70px; +padding-left:10px; +padding-right:10px; +padding-top:5px; +padding-bottom:5px; +} + +.desc-text { +margin-left:25px; +margin-right:25px; +padding-bottom:25px; +} + +.venue-photo { +padding-top:15px; +} + +.alt-venue-photo { +padding-top:20px; +} + +} + +@media (min-width: 981px) and (max-width: 1199px) { + +.photo-mobile { +display:none !important; +} + +.wedding-nav-large img { +width:90%; +} + +.wedding-nav-small img { +width:90%; +} + +.title-text { +margin-left:15px; +margin-top:-70px; +padding-left:10px; +padding-right:10px; +padding-top:5px; +padding-bottom:5px; +} + +.desc-text { +margin-left:15px; +margin-right:15px; +padding-bottom:15px; +} + +.venue-photo { +padding-top:15px; +} + +.alt-venue-photo { +padding-top:15px; +} + +} + +@media (min-width: 768px) and (max-width: 980px) { + +.photo-mobile { +display:none !important; +} + +.wedding-nav-large img { +width:90%; +} + +.wedding-nav-small img { +width:90%; +} + +.title-text { +margin-left:11px; +margin-top:-70px; +padding-left:10px; +padding-right:10px; +padding-top:5px; +padding-bottom:5px; +} + +.desc-text { +margin-left:10px; +margin-right:10px; +padding-bottom:10px; +} + +.venue-photo { +padding-top:10px; +} + +.alt-venue-photo { +padding-top:10px; +} +} + +@media (max-width: 767px) { + +.venue-title h3 { +line-height:20px !important; +} + +.venue-photo img { +padding-top:5px; +display:inline; +max-width:75%; +} + +.photo-mobile { +display:block !important; +padding:5px; +margin-left:0px !important; +} + +.photo-mobile img { +height:60px; +margin-left:0px; +} + +div.wedding-nav-large { +background-color:#C8E1C8; +border-radius:10px; +margin-top:5px; +min-height:60px; +} + +div.wedding-nav-small { +min-height:110px; +} + +.wedding-nav-small img { +height:100px; +display:block; +float:left; +padding:5px; +} + +.title-text { +background-color:#C8E1C8; +font-size:20px; +color:#006D3C; +position:absolute; +margin-left:80px; +margin-top:-56px; +padding-left:0px; +padding-right:0px; +padding-top:0px; +padding-bottom:0px; +} + +.desc-text { +display:none; +} + +.venue-text { +font-size:14px; +} + +.desc-text a:hover{ +color:black; +} + +.alt-venue-photo { +display:none !important; +} + +.navigation-page-row { +margin-top:-5px; +} + +} + +*/
\ No newline at end of file |
