diff options
| -rw-r--r-- | perllib/FixMyStreet/Cobrand/EastSussex.pm | 38 | ||||
| -rw-r--r-- | templates/web/eastsussex/footer.html | 106 | ||||
| -rw-r--r-- | templates/web/eastsussex/header.html | 159 | ||||
| -rw-r--r-- | web/cobrands/eastsussex/_colours.scss | 21 | ||||
| -rw-r--r-- | web/cobrands/eastsussex/base.scss | 83 | ||||
| -rw-r--r-- | web/cobrands/eastsussex/cmsconsolesmall-v50.scss | 2552 | ||||
| -rw-r--r-- | web/cobrands/eastsussex/config.rb | 25 | ||||
| -rw-r--r-- | web/cobrands/eastsussex/img/desktop.png | bin | 0 -> 19451 bytes | |||
| -rw-r--r-- | web/cobrands/eastsussex/img/gradient.jpg | bin | 0 -> 467 bytes | |||
| -rw-r--r-- | web/cobrands/eastsussex/img/item-type.gif | bin | 0 -> 6105 bytes | |||
| -rw-r--r-- | web/cobrands/eastsussex/img/menu-item.gif | bin | 0 -> 574 bytes | |||
| -rw-r--r-- | web/cobrands/eastsussex/img/xmas-lights.jpg | bin | 0 -> 7762 bytes | |||
| -rw-r--r-- | web/cobrands/eastsussex/layout.scss | 135 | ||||
| -rw-r--r-- | web/cobrands/eastsussex/mqLarge.scss | 720 | ||||
| -rw-r--r-- | web/cobrands/eastsussex/mqMedium.scss | 237 |
15 files changed, 4076 insertions, 0 deletions
diff --git a/perllib/FixMyStreet/Cobrand/EastSussex.pm b/perllib/FixMyStreet/Cobrand/EastSussex.pm new file mode 100644 index 000000000..d15cfaa2e --- /dev/null +++ b/perllib/FixMyStreet/Cobrand/EastSussex.pm @@ -0,0 +1,38 @@ +package FixMyStreet::Cobrand::EastSussex; +use base 'FixMyStreet::Cobrand::UKCouncils'; + +use strict; +use warnings; + +sub council_id { return 2224; } +sub council_area { return 'East Sussex'; } +sub council_name { return 'East Sussex County Council'; } +sub council_url { return 'eastsussex'; } +# sub is_two_tier { return 1; } + +sub path_to_web_templates { + my $self = shift; + return [ + FixMyStreet->path_to( 'templates/web', $self->moniker )->stringify, + FixMyStreet->path_to( 'templates/web/fixmystreet' )->stringify + ]; +} + +sub disambiguate_location { + my $self = shift; + my $string = shift; + return { + %{ $self->SUPER::disambiguate_location() }, + town => 'East Sussex', + centre => '50.9413275309703,0.276320277101682', + span => '0.414030932264716,1.00374244745585', + bounds => [ 50.7333642759327, -0.135851370247794, 51.1473952081975, 0.867891077208056 ], + }; +} + +sub example_places { + return ( 'BN7 2LZ', 'North Street, Brighton' ); +} + +1; + diff --git a/templates/web/eastsussex/footer.html b/templates/web/eastsussex/footer.html new file mode 100644 index 000000000..7f8ec74bc --- /dev/null +++ b/templates/web/eastsussex/footer.html @@ -0,0 +1,106 @@ + </div> <!-- content --> + </div> <!-- container --> + </div> + +</div></div></div> <!-- 3 levels of wrapper --> + + <div class="nav-wrapper clearfix"> + <div class="main-menu-wrapper"> + <div class="main-menu"> + <ul class="clearfix" id="mobile-menu"> + <li class="home"><[% IF c.req.uri.path == '/' %]span[% ELSE %]a href="/"[% END %] class="report-a-problem-btn" + >[% "Report" %]</[% c.req.uri.path == '/' ? 'span' : 'a' %]></li>[% + %]<li><[% IF c.req.uri.path == '/my' OR ( c.req.uri.path == '/auth' AND c.req.params.r == 'my' ) %]span[% ELSE %]a href="/my"[% END + %]>[% loc("Your reports") %]</[% ( c.req.uri.path == '/my' OR ( c.req.uri.path == '/auth' AND c.req.params.r == 'my' ) ) ? 'span' : 'a' %]></li>[% + %]<li><[% IF c.req.uri.path == '/reports/East+Sussex' %]span[% ELSE %]a href="/reports/East+Sussex"[% END + %]>[% loc("All reports") %]</[% c.req.uri.path == '/reports' ? 'span' : 'a' %]></li>[% + %]<li><[% IF c.req.uri.path == '/alert' %]span[% ELSE %]a href="/alert[% pc ? '/list?pc=' : '' %][% pc | uri %]"[% END + %]>[% loc("Local alerts") %]</[% c.req.uri.path == '/alert' ? 'span' : 'a' %]></li>[% + %]<li class="last"><[% IF c.req.uri.path == '/faq' %]span[% ELSE %]a href="/faq"[% END + %]>[% loc("Help") %]</[% c.req.uri.path == '/faq' ? 'span' : 'a' %]></li> + </ul> + </div> + </div> + <div class="sign-in"> + [% IF c.user_exists %] + <p> + [% tprintf(loc('Hi %s'), c.user.name || c.user.email) %] + <a href="/auth/sign_out">[% loc('sign out') %]</a> + </p> + [% END %] + </div> + </div> +</div> + +<footer> +<div class="footer screen" role="contentinfo"> + +<div class="languages clearfix"> + <div class="container"> + <ul> + <li lang="zh-Hans" xml:lang="zh-Hans" class="nonLatin"> + <a href="/contactus/translation.aspx?c=zh-Hans&url=http%3a%2f%2fwww.eastsussex.gov.uk%2fdefault.htm" id="footer_ctl01_ctl00_chinese" hreflang="zh-Hans" rel="nofollow alternate">中文</a> + </li> + <li lang="ar" xml:lang="ar" dir="rtl" class="nonLatin"> + <a href="/contactus/translation.aspx?c=ar&url=http%3a%2f%2fwww.eastsussex.gov.uk%2fdefault.htm" id="footer_ctl01_ctl00_arabic" hreflang="ar" rel="nofollow alternate">العربية</a> + </li> + <li lang="ur" xml:lang="ur" dir="rtl" class="nonLatin"> + <a href="/contactus/translation.aspx?c=ur&url=http%3a%2f%2fwww.eastsussex.gov.uk%2fdefault.htm" id="footer_ctl01_ctl00_urdu" hreflang="ur" rel="nofollow alternate">اردو</a> + </li> + <li lang="ku" xml:lang="ku" dir="rtl" class="nonLatin"> + <a href="/contactus/translation.aspx?c=ku&url=http%3a%2f%2fwww.eastsussex.gov.uk%2fdefault.htm" id="footer_ctl01_ctl00_kurdish" hreflang="ku" rel="nofollow alternate">کوردی سۆرانی</a> + </li> + <li lang="pt" xml:lang="pt"> + <a href="/contactus/translation.aspx?c=pt&url=http%3a%2f%2fwww.eastsussex.gov.uk%2fdefault.htm" id="footer_ctl01_ctl00_portugese" hreflang="pt" rel="nofollow alternate">Português</a> + </li> + <li lang="pl" xml:lang="pl"> + <a href="/contactus/translation.aspx?c=pl&url=http%3a%2f%2fwww.eastsussex.gov.uk%2fdefault.htm" id="footer_ctl01_ctl00_polish" hreflang="pl" rel="nofollow alternate">Polski</a> + </li> + <li lang="sk" xml:lang="sk"> + <a href="/contactus/translation.aspx?c=sk&url=http%3a%2f%2fwww.eastsussex.gov.uk%2fdefault.htm" id="footer_ctl01_ctl00_slovakian" hreflang="sk" rel="nofollow alternate">Slovenčina</a> + </li> + <li lang="tr" xml:lang="tr"> + <a href="/contactus/translation.aspx?c=tr&url=http%3a%2f%2fwww.eastsussex.gov.uk%2fdefault.htm" id="footer_ctl01_ctl00_turkish" hreflang="tr" rel="nofollow alternate">Türkçe</a> + </li> + + </ul> + </div> +</div> + + <div class="container footer-content"> + <div class="online"> + <nav> + <h2>Connect with us</h2> + + <p class="social"><a href="/contactus/socialmedia/default.htm" id="footer_ctl01_social"><span class="twitter"><span class="facebook"><span class="youtube"><span class="flickr"> </span></span></span></span><span class="find">Find us on social media</span></a></p> + <ul><li><a href="/about/" id="footer_ctl01_about" accesskey="8">About this site</a></li> + <li><a href="/about/privacypolicy/default.htm" id="footer_ctl01_privacy">Privacy and cookies</a></li></ul> + </nav> + </div> + + <form method="post" class="newsletter form" action="https://www.eastsussex.gov.uk/registered/updates/subscribe.aspx"> + <h2>Get money for your project with our Funding News</h2> + <p><label for="newsletter">My email address is:</label></p> + <input type="email" id="newsletter" name="newsletter" class="email" /> + <input type="hidden" name="item" value="6" /> + <input type="submit" value="Sign up" class="button" /> + </form> + + <div id="footer_ctl01__ctrl_0_feed" class="petitions"> + + <div> + <p><a href="/yourcouncil/consultation/petitions/default.htm" id="footer_ctl01__ctrl_0_feed_footer_start">Start your own petition</a></p> + </div> + +</div> + </div> +</div> +</footer> + +<!-- <script src="http://www.eastsussex.gov.uk/js/analytics-autosuggest-config-crossoriginie-documents-home-hometabs-jqueryload-jqueryui-media-statistics-switchview-v19.jsx"></script> --> + + </body> +</html> + + + diff --git a/templates/web/eastsussex/header.html b/templates/web/eastsussex/header.html new file mode 100644 index 000000000..ddd241727 --- /dev/null +++ b/templates/web/eastsussex/header.html @@ -0,0 +1,159 @@ +<!DOCTYPE html> + +<!--[if lt IE 7 ]> <html class="no-js ie6 ie67" lang="en"> <![endif]--> +<!--[if IE 7 ]> <html class="no-js ie7 ie67" lang="en"> <![endif]--> +<!--[if IE 8 ]> <html class="no-js ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> <html class="no-js" lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" + xmlns:fb="https://www.facebook.com/2008/fbml" prefix="og: http://ogp.me/ns# fb: https://www.facebook.com/2008/fbml schema: http://schema.org/"> <!--<![endif]--> + +<head> +<meta charset="UTF-8" /> +<meta name="viewport" content="width=device-width, initial-scale=1.0" /> + +<link rel="stylesheet" href="[% start %][% version('/cobrands/' _ c.cobrand.moniker _ '/base.css') %]"> +<link rel="stylesheet" href="[% start %][% version('/cobrands/' _ c.cobrand.moniker _ '/layout.css') %]" media="(min-width:48em)"> +<link rel="stylesheet" href="[% version('/cobrands/eastsussex/cmsconsolesmall-v50.css') %]> +[% extra_css %] +<!--[if (lt IE 9) & (!IEMobile)]> + <link rel="stylesheet" href="[% start %][% version('/cobrands/' _ c.cobrand.moniker _ '/layout.css') %]"> +<![endif]--> + +<link rel="stylesheet" type="text/css" href="[% start %][% version('/cobrands/eastsussex/mqMedium.css') %]" + media="only screen and (min-width: 474px)" class="mqMedium" /> + +<!--[if (lte IE 8) & !(IEMobile 7) ] +<link rel="stylesheet" type="text/css" href="[% start %][% version('/cobrands/eastsussex/mqMedium.css') %]" + class="mqIE mqMedium" /> +<![endif]--> + +<link rel="stylesheet" type="text/css" href="[% start %][% version('/cobrands/eastsussex/mqLarge.css') %]" + media="only screen and (min-width: 802px)" class="mqLarge" /> + +<!--[if (lte IE 8) & !(IEMobile 7) ]> +<link rel="stylesheet" type="text/css" href="[% start %][% version('/cobrands/eastsussex/mqLarge.css') %]" + class="myIE mqLarge" /> +<![endif]--> + +<script src="[% start %][% version('/js/modernizr.custom.js') %]" charset="utf-8"></script> +<script src="[% start %][% version('/cobrands/fixmystreet/position_map.js') %]" charset="utf-8"></script> +[% INCLUDE 'common_header_tags.html', js_override = '/cobrands/fixmystreet/fixmystreet.js', site_title = c.cobrand.site_title %] +[% extra_js %] + +[% IF c.req.uri.host == 'osm.fixmystreet.com' %] + <link rel="canonical" href="http://www.fixmystreet.com[% c.req.uri.path_query %]"> +[% END %] + +[% INCLUDE 'tracking_code.html' %] + +<link rel="schema.DC" href="http://purl.org/dc/elements/1.1/" /> +<link rel="schema.DCTERMS" href="http://purl.org/dc/terms/" /> +<meta name="DC.title" content="East Sussex County Council" lang="en-GB" xml:lang="en-GB" /> +<meta property="og:title" content="East Sussex County Council" lang="en-GB" xml:lang="en-GB" /> +<meta name="twitter:title" content="East Sussex County Council" lang="en-GB" xml:lang="en-GB" /> +<meta name="DC.creator" content="Web and Intranet Editor, Digital Services, 01273 335847" lang="en-GB" xml:lang="en-GB" /> +<meta name="DCTERMS.created" class="DCTERMS.W3CDTF" content="2006-10-23" /> +<meta name="DCTERMS.issued" class="DCTERMS.W3CDTF" content="2006-11-02" /> +<meta name="DCTERMS.modified" class="DCTERMS.W3CDTF" content="2014-05-22" /> +<meta name="DC.subject" class="eGMS.IPSV" content="Government, politics and public administration" lang="en-GB" xml:lang="en-GB" /> +<meta name="eGMS.accessibility" class="eGMS.WCAG10" content="Double-A" /> +<meta name="eGMS.systemID" content="{15D28A23-DC25-4E88-B903-A170F0206C35}" /> +<meta property="og:url" content="http://www.eastsussex.gov.uk/default.htm" /> +<meta name="DC.publisher" content="East Sussex County Council" lang="en-GB" xml:lang="en-GB" /> +<meta name="DCTERMS.spatial" content="East Sussex, UK" lang="en-GB" xml:lang="en-GB" /> +<meta name="DC.language" class="DCTERMS.ISO639-2" content="eng" /> +<meta name="DC.description" content="East Sussex County Council's website has a wealth of advice on council services and related subjects, for residents, businesses and visitors to the county." lang="en-GB" xml:lang="en-GB" /> +<meta name="description" content="East Sussex County Council's website has a wealth of advice on council services and related subjects, for residents, businesses and visitors to the county." lang="en-GB" xml:lang="en-GB" /> +<meta property="og:description" content="East Sussex County Council's website has a wealth of advice on council services and related subjects, for residents, businesses and visitors to the county." lang="en-GB" xml:lang="en-GB" /> +<meta name="twitter:description" content="East Sussex County Council's website has a wealth of advice on council services and related subjects, for residents, businesses and visitors to the county." lang="en-GB" xml:lang="en-GB" /> +<meta name="keywords" content="Government, politics and public administration" lang="en-GB" xml:lang="en-GB" /> +<meta name="DC.subject" class="eGMS.LGIL" content="Providing information" lang="en-GB" xml:lang="en-GB" /> +<meta name="DC.type" class="eGMS.LGTL" content="Home page" lang="en-GB" xml:lang="en-GB" /> +<meta property="og:type" content="government" lang="en-GB" xml:lang="en-GB" /> +<meta name="DC.format" class="DCTERMS.IMT" content="text/html" /> +<meta name="eGMS.disposalReview" class="DCTERMS.W3CDTF" content="2014-07-02" /> +<meta name="eGMS.copyright" class="DCTERMS.URI" content="http://www.eastsussex.gov.uk/about/copyright/" /> +<link rel="copyright" href="http://www.eastsussex.gov.uk/about/copyright/" title="Copyright information for this page" /> +<link rel="apple-touch-icon-precomposed" href="http://www.eastsussex.gov.uk/apple-touch-icon-precomposed.png" /> +<meta name="msapplication-TileImage" content="http://www.eastsussex.gov.uk/windows-tile.png" /> +<meta name="msapplication-TileColor" content="#ffffff" /> +<meta property="og:image" content="https://www.eastsussex.gov.uk/img/logo-for-facebook.png" /> +<meta property="og:site_name" content="East Sussex County Council" lang="en-GB" xml:lang="en-GB" /> +<meta property="fb:app_id" content="169406409819518" /> +<meta property="twitter:card" content="summary" /> +<meta property="twitter:site" content="@eastsussexcc" /> +<link rel="alternate" type="application/rss+xml" href="http://www.eastsussex.gov.uk/rss/features.xml" title="News - East Sussex County Council" /> +<link rel="alternate" type="application/rss+xml" href="http://www.eastsussex.gov.uk/rss/whatson.xml" title="What's on - East Sussex County Council" /> +<link rel="alternate" type="application/rss+xml" href="http://www.eastsussex.gov.uk/rss/get-involved.xml" title="Get involved - East Sussex County Council" /> +<link rel="search" type="application/opensearchdescription+xml" title="East Sussex County Council" href="http://www.eastsussex.gov.uk/search/opensearch.xml" /> + + <link rel="alternate" type="application/rdf+xml" href="/eastsussexcountycouncil.rdf" title="RDF/XML version of this document"/> + + +<title> + East Sussex County Council +</title></head> + +<body id="eastsussex-gov-uk" class="size2 [% bodyclass | html IF bodyclass %]"> + +<p><a class="aural keyboard" href="#main" accesskey="s">Skip to main content</a></p> +<p><a href="/webhome/masterpages/choose.ashx?template=mobile" id="ctl12_switchView" class="aural keyboard switch">Use our mobile site – it's better for keyboard users</a></p> +<span id="fb-root"></span> + +<header id="site-header" class="eastsussex"> +<div class="header" role="banner"> + <div class="eastsussex-context eastsussex-container"> + <div class="mask" typeof="schema:Organization"> + <div class="logo-small"><img alt="" src="//static2.eastsussexcc.gov.uk/img/header/logo-small.gif" width="43" height="31" /> <span property="schema:name">East Sussex County Council</span></div> + <img property="schema:logo" alt="" src="//static2.eastsussexcc.gov.uk/img/header/logo-large.gif" width="118" height="85" class="logo-large large" /> + <a href="/contactus/default.htm" id="header_ctl01_contact" class="contact screen" accesskey="7">Contact us</a> + + <nav role="navigation"> + <div id="header_ctl01_az" class="screen alphabet"> + <h2>Our services:</h2><a href="/atoz/default.aspx?index=a" title="Services beginning with A">A</a><a href="/atoz/default.aspx?index=b" title="Services beginning with B">B</a><a href="/atoz/default.aspx?index=c" title="Services beginning with C">C</a><a href="/atoz/default.aspx?index=d" title="Services beginning with D">D</a><a href="/atoz/default.aspx?index=e" title="Services beginning with E">E</a><a href="/atoz/default.aspx?index=f" title="Services beginning with F">F</a><a href="/atoz/default.aspx?index=g" title="Services beginning with G">G</a><a href="/atoz/default.aspx?index=h" title="Services beginning with H">H</a><a href="/atoz/default.aspx?index=i" class="i" title="Services beginning with I">I</a><a href="/atoz/default.aspx?index=j" title="Services beginning with J">J</a><a href="/atoz/default.aspx?index=k" title="Services beginning with K">K</a><a href="/atoz/default.aspx?index=l" title="Services beginning with L">L</a><a href="/atoz/default.aspx?index=m" title="Services beginning with M">M</a><a href="/atoz/default.aspx?index=n" title="Services beginning with N">N</a><a href="/atoz/default.aspx?index=o" title="Services beginning with O">O</a><a href="/atoz/default.aspx?index=p" title="Services beginning with P">P</a><a href="/atoz/default.aspx?index=r" title="Services beginning with R">R</a><a href="/atoz/default.aspx?index=s" title="Services beginning with S">S</a><a href="/atoz/default.aspx?index=t" title="Services beginning with T">T</a><a href="/atoz/default.aspx?index=u" title="Services beginning with U">U</a><a href="/atoz/default.aspx?index=v" title="Services beginning with V">V</a><a href="/atoz/default.aspx?index=w" title="Services beginning with W">W</a><a href="/atoz/default.aspx?index=y" title="Services beginning with Y">Y</a><a href="/atoz/default.aspx?index=z" class="z" title="Services beginning with Z">Z</a> +</div> + </nav> + + <form action="/search/search.aspx" method="get" id="search" role="search" class="screen"> + <div class="search-inner"> + <div class="term-outer"> + <div class="term-inner"> + <label for="q" class="aural">Search</label> + <input type="search" class="search" placeholder="Enter your search term" id="q" name="q" accesskey="4" value="" /> + </div> + </div> + <div class="submit"><input type="submit" value="Go" /></div> + </div> + </form> + + <div id="menu" role="navigation" class="screen"> + <nav> + <ul> + <li class="mobile"><a href="/default.htm" id="header_ctl01_mobileHome" accesskey="1">Home</a></li> + <li class="mobile"><a href="#mobile-menu" id="header_ctl01_mobileMenu" accesskey="3">Menu</a></li> + <li class="jobs"><a href="/jobs/default.htm" id="header_ctl01_jobs">Jobs</a></li> + <li class="libraries"><a href="/libraries/default.htm" id="header_ctl01_libraries">Libraries</a></li> + <li class="leisure"><a href="/leisureandtourism/default.htm" id="header_ctl01_leisure">Leisure</a></li> + <li class="education"><a href="/educationandlearning/default.htm" id="header_ctl01_education">Education</a></li> + <li class="transport long"><a href="/roadsandtransport/default.htm" id="header_ctl01_transport">Roads & transport</a></li> + <li class="environment long"><a href="/environment/default.htm" id="header_ctl01_environment">Environment & planning</a></li> + <li class="council long"><a href="/yourcouncil/default.htm" id="header_ctl01_council">Your<br />Council</a></li> + <li class="community"><a href="/community/default.htm" id="header_ctl01_community">Community</a></li> + <li class="families"><a href="/childrenandfamilies/default.htm" id="header_ctl01_families">Families</a></li> + <li class="socialcare long"><a href="/socialcare/default.htm" id="header_ctl01_socialcare">Adult social care & health</a></li> + <li class="business"><a href="/business/default.htm" id="header_ctl01_business">Business</a></li> + </ul> + </nav> + </div> + </div> +</div> + +</div> +</header> + +<div id="wrapper"><div id="wrapper2"><div id="wrapper3"> + + <div id="mysociety" role="main" class="body"> + <div class="container"> + [% pre_container_extra %] + <div class="content[% " $mainclass" | html IF mainclass %]" role="main"> + diff --git a/web/cobrands/eastsussex/_colours.scss b/web/cobrands/eastsussex/_colours.scss new file mode 100644 index 000000000..0887ba82e --- /dev/null +++ b/web/cobrands/eastsussex/_colours.scss @@ -0,0 +1,21 @@ +/* COLOURS */ + +$eastsussex_dark: #194C7E; +$eastsussex_primary: #155F91; + +$primary: $eastsussex_primary; +$col_click_map: $eastsussex_primary; +$col_click_map_dark: $eastsussex_primary; +$col_fixed_label_dark: $eastsussex_primary; +$col_fixed_label: $eastsussex_primary; + +$primary_b: #000000; +$primary_text: #ffffff; + +$base_bg: #ffffff; +$base_fg: #1a1a1a; + +/* Unused here */ +$map_nav_bg: #222; +$nav_fg: #fff; +$nav_fg_hover: #444; diff --git a/web/cobrands/eastsussex/base.scss b/web/cobrands/eastsussex/base.scss new file mode 100644 index 000000000..6df579efb --- /dev/null +++ b/web/cobrands/eastsussex/base.scss @@ -0,0 +1,83 @@ +@import "../sass/h5bp"; +@import "./_colours"; +@import "../sass/mixins"; +@import "compass"; + +@import "../sass/base"; + +a, a:visited { + color: #369; + &:hover, &:active { + color: #369; + } +} + +.issue-list-a { + li { + color:#666; + a { + color:#666; + } + } +} + +h1.main { + color: $primary; + text-align: center; + margin: 0.5em 0; +} + +.container { + padding: 0 1em 1em; /* if remove this 1em, need to edit .full-width! */ +} + +#site-header { + background: $primary; + height: 57px; +} + +// Colour tab to match colour scheme +#nav-link { + width: 50px; + height: 48px; + background: url('/cobrands/eastsussex/tab-blue.png') 0 0 no-repeat; +} + +#problems-nav { + border-bottom:0.25em solid $primary; + ul li a { + text-transform: none; + color: #666; + &.active { + background: $primary; + color: #fff; + } + } +} + +.big-green-banner { + text-transform: none; + z-index: 0; +} + +#form_sign_in { + margin-top: 1em; +} + +#front-main { + + margin: 0; + padding: 1em; + + #postcodeForm { + padding: 1em; + div { + padding-top: 0px; + input#pc { + } + input#sub { + height: 100%; + } + } + } +} diff --git a/web/cobrands/eastsussex/cmsconsolesmall-v50.scss b/web/cobrands/eastsussex/cmsconsolesmall-v50.scss new file mode 100644 index 000000000..e53f53577 --- /dev/null +++ b/web/cobrands/eastsussex/cmsconsolesmall-v50.scss @@ -0,0 +1,2552 @@ +html, body { + border:0; + text-align:left; + margin:0; + padding:0; +} +.eastsussex { + div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,kbd,abbr,address,cite,em,img,small,strong,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video { + border:0; + font-size:100%; + font:inherit; + vertical-align:baseline; + text-align:left; + margin:0; + padding:0; + } +} + +body { +background:#aee1f4; +color:#131313; +margin:0 auto; +} + +.body { +background:#fff; +float:left; +width:100%; +} + +.body .eastsussex-container { +padding:.692308em 0; +} + +body,select,input,textarea { +font:13px/1.384615em Arial,"Helvetica Neue",Helvetica,sans-serif; +} + +.ie6 body,.ie6 select,.ie6 input,.ie6 textarea { +font-size:small; +} + +.ie67 kbd { +font-family:Arial,sans-serif; +} + +body.size2 { + select, input, textarea, li { + font-size:15px; + } +} + +.ie6 body.size2,.ie6 .size2 select,.ie6 .size2 input,.ie6 .size2 textarea { +font-size:medium; +} + +body.size3,.size3 select,.size3 input,.size3 textarea { +font-size:17px; +} + +.ie6 body.size3,.ie6 .size3 select,.ie6 .size3 input,.ie6 .size3 textarea { +font-size:large; +} + +hr { +display:block; +height:1px; +border:0; +border-top:1px solid #ccc; +margin:.615384em 0 .692308em; +padding:0; +} + +blockquote { +quotes:none; +} + +blockquote:before,blockquote:after { +content:none; +} + +abbr[title] { +border-bottom:1px dotted; +cursor:help; +} + +ul { +margin-left:1.153846em; +} + +ol { +margin-left:2em; +list-style-type:decimal; +} + +ol ol { +list-style-type:lower-roman; +} + +ol ol ol { +list-style-type:upper-roman; +} + +ol ol ol ol { +list-style-type:lower-alpha; +} + +ol ol ol ol ol { +list-style-type:upper-alpha; +} + +nav ul,nav li { +list-style:none; +list-style-image:none; +margin:0; +} + +html .rtl ul { +margin-left:0; +margin-right:1.153846em; +} + +html .rtl ol { +margin-left:0; +margin-right:2em; +} + +html .rtl li { +background:0; +list-style:disc; +} + +table { +border-collapse:collapse; +border-spacing:0; +} + +td { +vertical-align:top; +} + +input,select { +vertical-align:middle; +} + +input[type=search] { +-webkit-appearance:textfield; +} + +.ie7 input[type=checkbox] { +vertical-align:baseline; +} + +input[type=text],input[type=password] { +border:1px solid #9c9c9c; +} + +::-webkit-input-placeholder,::-moz-placeholder { +color:#777; +} + +.ie6 .button { +font-size:1.076923em; +line-height:1em; +font-weight:700; +color:#fff; +border:0; +background:#1e5b83; +cursor:pointer; +padding:7px; +} + +.button,.form input[type=submit] { +font-size:1.076923em; +line-height:1em; +font-weight:700; +color:#fff; +border:0; +cursor:pointer; +border-radius:4px; +filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5b83',endColorstr='#0b4164',GradientType=0); +background:linear-gradient(top,#1e5b83 0,#0b4164 100%); +padding:7px; +} + +.button:hover,.form input[type=submit]:hover { +border-radius:4px; +filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a1de',endColorstr='#47cbed',GradientType=0); +background:linear-gradient(top,#00a1de 0,#47cbed 99%); +} + +.button-nav { +overflow:hidden; +} + +.button-nav a:link,.button-nav a:visited,.button-nav em,.button-nav input { +float:left; +display:block; +background:#44697d; +color:#fff; +font-weight:700; +text-decoration:none; +white-space:nowrap; +border-radius:3px; +border:0; +margin:5px 2px 5px 0; +padding:4px 10px; +} + +.button-nav .selected a:link,.button-nav .selected a:visited,.button-nav a:hover,.button-nav a:focus,.button-nav a:active,.button-nav em,.button-nav input:hover { +background-color:#00a1de; +color:#fff; +font-style:normal; +} + +.application-nav { +background:#dae1e5; +margin:0; +padding:9px 18px; +} + +.major-action { +display:inline-block; +outline:0; +cursor:pointer; +text-align:center; +font:1.84615em/100% Arial,"Helvetica Neue",Helvetica,sans-serif; +text-shadow:0 1px 1px rgba(0,0,0,.3); +border-radius:6px; +box-shadow:0 1px 2px rgba(0,0,0,.2); +color:#e8f0de; +background:linear-gradient(to bottom,#1e5b83 0,#0b4164 100%); +filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5b83',endColorstr='#0b4164',GradientType=0); +padding:.625em 1em; +} + +.major-action:hover,.major-action:focus,.major-action:active { +background:linear-gradient(to bottom,#00a1de 0,#47cbed 100%); +filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a1de',endColorstr='#47cbed',GradientType=0); +} + +.major-action:active { +position:relative; +top:1px; +} + +.major-action a:link,.major-action a:visited { +text-decoration:none; +font-weight:700; +color:#fff; +} + +.eastsussex-container:before,.eastsussex-container:after { +content:"."; +display:block; +height:0; +overflow:hidden; +} + +a.keyboard:focus,a.keyboard:active { +position:absolute; +top:0; +left:0; +clip:auto; +z-index:999; +background:#fff; +opacity:.8; +font-weight:700; +padding:4px; +} + +.header { +background:#004b7b url(/img/header/mobile.jpg) repeat-x; +overflow:hidden; +border-bottom:3px solid #fff; +} + +.header .logo-small,.header .logo-small:link,.header .logo-small:visited { +font-size:1.153846em; +line-height:1.2em; +text-decoration:none; +font-weight:700; +color:#003c69; +width:180px; +display:block; +padding:4px 0; +} + +.size3 .header .logo-small,.size3 .header .logo-small:link,.size3 .header .logo-small:visited { +font-size:.882353em; +} + +.header .logo-small img { +float:left; +padding:3px 8px 0; +} + +.header .contact { +position:absolute; +right:0; +top:0; +font-weight:700; +padding:4px; +} + +#search { +float:right; +width:100%; +margin-left:-120px; +} + +.size2 #search { +margin-left:-140px; +} + +.size3 #search { +margin-left:-160px; +} + +#search .search-inner { +padding-left:120px; +} + +.size2 #search .search-inner { +padding-left:140px; +} + +.size3 #search .search-inner { +padding-left:160px; +} + +#search .term-outer { +float:left; +margin-right:-56px; +width:100%; +} + +#search .term-inner { +padding-right:56px; +} + +#search .search { +border:0 solid #fff; +border-radius:3px; +height:19px; +width:100%; +min-width:80px; +margin:6px 0; +} + +#search .submit input { +border:0 solid #00a1de; +border-radius:3px; +color:#fff; +font-weight:700; +background:#00a1de; +margin:4px 0 7px 8px; +padding:2px 8px; +} + +.ie7 #search .search { +margin:4px 0 0; +} + +.ui-autocomplete { +z-index:100!important; +position:absolute; +top:0; +left:0; +cursor:default; +} + +#menu { +clear:left; +float:left; +max-width:120px; +} + +.size2 #menu { +max-width:140px; +} + +.size3 #menu { +max-width:160px; +} + +#menu ul,#menu li { +list-style:none; +margin:0; +} + +#menu a:link,#menu a:visited { +display:block; +text-decoration:none; +text-align:center; +font-weight:700; +color:#fff; +background:url(/cobrands/eastsussex/img/menu-item.gif) no-repeat right top; +padding:8px 10px 6px; +} + +.ie6 .header { +height:120px; +background-color:#165f92; +} + +.ie6 #search { +float:none; +clear:both; +margin:0; +} + +.ie6 #search .search-inner { +padding-left:0; +} + +.ie6 #search .term-outer { +float:none; +margin-right:0; +width:auto; +} + +.ie6 #search .term-inner { +padding-right:0; +} + +.ie6 #search .search { +float:left; +width:auto; +margin-left:6px; +} + +.ie6 #menu { +background:#165f92; +} + +.footer { +clear:both; +border-top:.230769em solid #00a1de; +} + +.footer .footer-content { +padding-top:1.153846em; +} + +.footer .languages { +border-bottom:.230769em solid #00a1de; +padding:.615385em 0 .538462em; +} + +.footer .languages ul { +margin:0 18px; +} + +.footer .languages li { +float:left; +list-style:none; +margin:0 1em 0 0; +} + +.footer .languages .nonLatin { +margin:0 1.3em 0 0; +} + +.footer .social { +float:left; +margin-right:1em; +} + +.footer .social .find { +text-decoration:underline; +cursor:pointer; +} + +.footer .online { +margin:0 0 1.384615em 18px; +} + +.footer .online li { +display:inline; +} + +.footer .online li a { +white-space:nowrap; +margin-right:1em; +} + +.breadcrumb-mobile { +background:#dbf3ff; +box-shadow:0 .384615em .384615em #dbf3ff; +margin:-.923077em 0 .692308em; +padding:.384615em .692308em 0; +} + +.latestBox { +background:#fff; +position:relative; +font-size:1.153846em; +line-height:1.2em; +} + +.latestBox .latest { +position:relative; +border:.133em solid #ffb500; +border-radius:5px; +float:left; +margin:1.2em 18px .4em; +padding:.266em 5px; +} + +.latestBox h2,.latestBox p,.latestBox ul,.latestBox .item { +background:#fff; +color:#272727; +border-bottom:1px dotted #dae1e5; +clear:both; +padding:.6em 18px; +} + +.latestBox ul { +padding-left:2.769231em; +margin:0; +} + +.latestBox .item p { +border:0; +margin:.6em 0 0; +padding:0; +} + +.latestBox h2+ul,.latestBox p+ul { +margin-top:-.6em; +} + +.latestBox h2.latest+ul { +margin-top:0; +} + +.text .latestBox .latest { +font-size:inherit; +margin:0; +} + +.section-nav { +clear:both; +background:#dae1e5; +padding:1.076953em; +} + +.section-nav li { +list-style:none; +background:url(/img/body/item-type.gif) no-repeat left -596px; +padding:0 0 .692308em 1.076953em; +} + +.quick-answer { +font-size:2.076923em; +line-height:1.33em; +clear:both; +text-align:center; +color:#000; +background:#fff; +padding:1em; +} + +.quick-answer strong { +font-weight:400; +} + +strong.quick-answer-datum { +font-size:1.33em; +line-height:1.5em; +font-weight:700; +display:block; +text-align:center; +} + +.text h1,h1.text { +font-weight:700; +font-size:1.846153em; +line-height:1.5em; +border-bottom:.208333em solid #bed600; +background:#fff; +color:#272727; +padding:.375em 3.797468% .2083em; +} + +.text h1 { +margin:0 -3.797468%; +} + +.text h2,h2.text { +font-weight:700; +font-size:1.230769em; +line-height:1.125em; +color:#272727; +margin:.875em 0 .25em; +} + +.text h3,h3.text { +font-weight:700; +font-size:1.076923em; +line-height:1.285714em; +color:#272727; +margin:1.285714em 0 0; +} + +.text h4,h4.text,.text h5,h5.text { +font-weight:700; +font-size:1em; +line-height:1.384615em; +color:#272727; +margin:1em 0 .285714em; +} + +.text h5,h5.text { +font-style:italic; +} + +.text ul { +margin:.692308em 0 .692308em 1.153846em; +} + +.text ol { +margin:.692308em 0 .692308em 2em; +} + +.text dl { +margin:1.384615em 0; +} + +.text dt { +font-weight:700; +margin:.692308em 0 0; +} + +.text dd { +margin:0 0 .692308em; +} + +.text table { +width:100%; +margin:.692308em 0; +} + +.text caption { +font-size:1.076923em; +line-height:1.285714em; +font-weight:700; +padding:9px 0; +} + +.text tbody { +border-top:2px solid #ececec; +} + +.text tr,.ie67 .text td,.ie67 .text th { +background:#ececec; +border-bottom:2px solid #fff; +} + +.text tr:nth-child(odd),.text tr:nth-child(even) { +border-bottom:0; +border-left:2px solid #ececec; +border-right:2px solid #ececec; +} + +.text table:nth-child(odd),.text table:nth-child(even) { +border-bottom:2px solid #ececec; +} + +.text thead tr:nth-child(odd),.text thead tr:nth-child(even) { +border-left:2px solid #c7dbe4; +border-right:2px solid #c7dbe4; +border-bottom:2px solid #fff; +} + +.text thead th,.ie67 .text thead th { +background-color:#c7dbe4; +font-weight:700; +} + +.text td,.text th { +padding:.307692em; +} + +.text table .numeric { +text-align:right; +} + +.text .complexData th { +border-right:2px solid #fff; +} + +.text table .totalsRow { +font-weight:700; +background:#777; +color:#fff; +border-bottom:0; +border-color:#bbb; +} + +.text table .button-nav { +text-align:center; +} + +.text table .button-nav input { +float:none; +display:inline; +margin:0; +} + +.text img { +max-width:100%; +} + +.ie8 .text table img { +max-width:none; +} + +.warning { +color:#b21313; +} + +.infoBar { +clear:both; +background:#cceefa; +overflow:hidden; +margin:.692308em 0; +padding:.692308em 18px; +} + +.infoBar .pagingResultsInContext { +float:right; +} + +dl.itemDetail { +border-bottom:1px solid #ccc; +padding:1.384615em 0 .846153em; +} + +dl.itemDetail dt { +font-weight:700; +margin:0 18px; +} + +dl.itemDetail dd { +margin:0 18px; +padding:0 0 .538462em; +} + +dl.onlyItem { +border:0; +padding:.692308em 0 .153846em; +} + +a.subscribe { +display:block; +margin:.692308em 0; +} + +.vcard .email { +background:0; +padding-left:0; +} + +.related { +background:#dae1e5; +overflow:hidden; +clear:both; +margin:1.384615em 0 0; +padding:.692308em 3.797468%; +} + +.related h2 { +font-size:1.076923em; +line-height:1.285714em; +font-weight:700; +margin:.642857em -1em; +padding:0 1em; +} + +.related ul { +margin:.538462em 0 0; +} + +.related li { +list-style:none; +background:url(/img/body/item-type.gif) no-repeat left -1196px; +padding:0 0 .538462em 1.076953em; +} + +.share { +clear:both; +float:left; +width:100%; +background:#dae1e5; +margin:1.384615em 0 0; +padding:.692308em 0; +} + +.share .aside { +padding:0 18px; +} + +.share .fb-like { +margin:.615385em 0; +} + +.share .fb-dnt { +float:left; +font-size:.846154em; +line-height:1.272727em; +border:1px solid #cad4e7; +border-radius:3px; +color:#3b5998; +background-color:#eceef5; +background-position:4px -1346px; +margin:.461538em 1em .9090914em 0; +padding:.454545em 5px .454545em 23px; +} + +.share .twitter-share-button { +float:left; +width:100px!important; +margin:.615385em 0; +} + +.share .button-nav a:link,.share .button-nav a:visited { +background-image:url(/cobrands/eastsussex/img/item-type.gif); +background-repeat:no-repeat; +padding:4px 10px 4px 27px; +} + +.share .send a:link,.share .send a:visited { +background-position:8px -93px; +} + +.share .comment a:link,.share .comment a:visited { +background-position:5px -546px; +} + +.share .send { +clear:left; +} + +.ie7 .share .fb-like { +margin-top:1.384615em; +} + +.supporting-text { +clear:both; +border-top:1px solid #dae1e5; +margin:1.384615em 0; +padding:1.307692em 18px 0; +} + +.supporting-text h2 { +font-size:1.230769em; +line-height:1.125em; +font-weight:700; +} + +.supporting-text h2 a { +font-weight:400; +padding-right:32px; +background:url(/img/body/item-type.gif) no-repeat right -595px; +} + +.supporting-text ul { +margin:9px 0; +} + +.ie67 .supporting-text ul { +margin-left:9px; +} + +.aural { +position:absolute; +clip:rect(1px,1px,1px,1px); +} + +.ui-helper-hidden-accessible { +border:0; +clip:rect(0000); +height:1px; +overflow:hidden; +position:absolute; +width:1px; +margin:-1px; +padding:0; +} + +.ui-helper-clearfix:before,.ui-helper-clearfix:after { +content:""; +display:table; +border-collapse:collapse; +} + +.ui-helper-clearfix { +min-height:0; +} + +.ui-front { +z-index:100; +} + +.ui-state-disabled { +cursor:default!important; +} + +.ui-icon { +display:block; +text-indent:-99999px; +overflow:hidden; +background-repeat:no-repeat; +width:16px; +height:16px; +} + +.ui-widget-overlay { +position:fixed; +top:0; +left:0; +width:100%; +height:100%; +background:#eee url(images/ui-bg_flat_0_eeeeee_40x100.png) 50% 50% repeat-x; +opacity:.8; +filter:Alpha(Opacity=80); +} + +.ui-menu { +list-style:none; +display:block; +outline:none; +margin:0; +padding:2px; +} + +.ui-menu .ui-menu { +margin-top:-3px; +position:absolute; +} + +.ui-menu .ui-menu-item { +width:100%; +list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); +margin:0; +padding:0; +} + +.ui-menu .ui-menu-divider { +height:0; +font-size:0; +line-height:0; +border-width:1px 0 0; +margin:5px -2px; +} + +.ui-menu .ui-menu-item a { +text-decoration:none; +display:block; +line-height:1.5; +min-height:0; +font-weight:400; +padding:2px .4em; +} + +.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active { +font-weight:400; +margin:-1px; +} + +.ui-menu .ui-state-disabled { +font-weight:400; +line-height:1.5; +margin:.4em 0 .2em; +} + +.ui-menu .ui-state-disabled a { +cursor:default; +} + +.ui-menu-icons .ui-menu-item a { +position:relative; +padding-left:2em; +} + +.ui-menu .ui-icon { +position:absolute; +top:.2em; +left:.2em; +} + +.ui-menu .ui-menu-icon { +position:static; +float:right; +} + +.ui-widget-content { +border:1px solid #ddd; +background:#fff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; +color:#444; +} + +.ui-widget-header { +border:1px solid #ddd; +background:#ddd url(images/ui-bg_highlight-soft_50_dddddd_1x100.png) 50% 50% repeat-x; +color:#444; +font-weight:700; +} + +.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default { +border:1px solid #ddd; +background:#f6f6f6 url(images/ui-bg_flat_100_f6f6f6_40x100.png) 50% 50% repeat-x; +font-weight:400; +color:#0073ea; +} + +.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited { +color:#0073ea; +text-decoration:none; +} + +.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus { +border:1px solid #0073ea; +background:#0073ea url(images/ui-bg_flat_25_0073ea_40x100.png) 50% 50% repeat-x; +font-weight:400; +color:#fff; +} + +.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active { +border:1px solid #ddd; +background:#fff url(images/ui-bg_flat_65_ffffff_40x100.png) 50% 50% repeat-x; +font-weight:400; +color:#ff0084; +} + +.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited { +color:#ff0084; +text-decoration:none; +} + +.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight { +border:1px solid #ccc; +background:#fff url(images/ui-bg_flat_55_ffffff_40x100.png) 50% 50% repeat-x; +color:#444; +} + +.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error { +border:1px solid #ff0084; +background:#fff url(images/ui-bg_flat_55_ffffff_40x100.png) 50% 50% repeat-x; +color:#222; +} + +.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary { +opacity:.7; +filter:Alpha(Opacity=70); +font-weight:400; +} + +.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled { +opacity:.35; +filter:Alpha(Opacity=35); +background-image:none; +} + +.ui-state-disabled .ui-icon { +filter:Alpha(Opacity=35); +} + +.ui-state-default .ui-icon { +background-image:url(images/ui-icons_666666_256x240.png); +} + +.ui-state-hover .ui-icon,.ui-state-focus .ui-icon { +background-image:url(images/ui-icons_ffffff_256x240.png); +} + +.ui-state-active .ui-icon { +background-image:url(images/ui-icons_454545_256x240.png); +} + +.ui-icon-blank { +background-position:16px 16px; +} + +.ui-icon-carat-1-n { +background-position:0 0; +} + +.ui-icon-carat-1-ne { +background-position:-16px 0; +} + +.ui-icon-carat-1-e { +background-position:-32px 0; +} + +.ui-icon-carat-1-se { +background-position:-48px 0; +} + +.ui-icon-carat-1-s { +background-position:-64px 0; +} + +.ui-icon-carat-1-sw { +background-position:-80px 0; +} + +.ui-icon-carat-1-w { +background-position:-96px 0; +} + +.ui-icon-carat-1-nw { +background-position:-112px 0; +} + +.ui-icon-carat-2-n-s { +background-position:-128px 0; +} + +.ui-icon-carat-2-e-w { +background-position:-144px 0; +} + +.ui-icon-triangle-1-n { +background-position:0 -16px; +} + +.ui-icon-triangle-1-ne { +background-position:-16px -16px; +} + +.ui-icon-triangle-1-e { +background-position:-32px -16px; +} + +.ui-icon-triangle-1-se { +background-position:-48px -16px; +} + +.ui-icon-triangle-1-s { +background-position:-64px -16px; +} + +.ui-icon-triangle-1-sw { +background-position:-80px -16px; +} + +.ui-icon-triangle-1-w { +background-position:-96px -16px; +} + +.ui-icon-triangle-1-nw { +background-position:-112px -16px; +} + +.ui-icon-triangle-2-n-s { +background-position:-128px -16px; +} + +.ui-icon-triangle-2-e-w { +background-position:-144px -16px; +} + +.ui-icon-arrow-1-n { +background-position:0 -32px; +} + +.ui-icon-arrow-1-ne { +background-position:-16px -32px; +} + +.ui-icon-arrow-1-e { +background-position:-32px -32px; +} + +.ui-icon-arrow-1-se { +background-position:-48px -32px; +} + +.ui-icon-arrow-1-s { +background-position:-64px -32px; +} + +.ui-icon-arrow-1-sw { +background-position:-80px -32px; +} + +.ui-icon-arrow-1-w { +background-position:-96px -32px; +} + +.ui-icon-arrow-1-nw { +background-position:-112px -32px; +} + +.ui-icon-arrow-2-n-s { +background-position:-128px -32px; +} + +.ui-icon-arrow-2-ne-sw { +background-position:-144px -32px; +} + +.ui-icon-arrow-2-e-w { +background-position:-160px -32px; +} + +.ui-icon-arrow-2-se-nw { +background-position:-176px -32px; +} + +.ui-icon-arrowstop-1-n { +background-position:-192px -32px; +} + +.ui-icon-arrowstop-1-e { +background-position:-208px -32px; +} + +.ui-icon-arrowstop-1-s { +background-position:-224px -32px; +} + +.ui-icon-arrowstop-1-w { +background-position:-240px -32px; +} + +.ui-icon-arrowthick-1-n { +background-position:0 -48px; +} + +.ui-icon-arrowthick-1-ne { +background-position:-16px -48px; +} + +.ui-icon-arrowthick-1-e { +background-position:-32px -48px; +} + +.ui-icon-arrowthick-1-se { +background-position:-48px -48px; +} + +.ui-icon-arrowthick-1-s { +background-position:-64px -48px; +} + +.ui-icon-arrowthick-1-sw { +background-position:-80px -48px; +} + +.ui-icon-arrowthick-1-w { +background-position:-96px -48px; +} + +.ui-icon-arrowthick-1-nw { +background-position:-112px -48px; +} + +.ui-icon-arrowthick-2-n-s { +background-position:-128px -48px; +} + +.ui-icon-arrowthick-2-ne-sw { +background-position:-144px -48px; +} + +.ui-icon-arrowthick-2-e-w { +background-position:-160px -48px; +} + +.ui-icon-arrowthick-2-se-nw { +background-position:-176px -48px; +} + +.ui-icon-arrowthickstop-1-n { +background-position:-192px -48px; +} + +.ui-icon-arrowthickstop-1-e { +background-position:-208px -48px; +} + +.ui-icon-arrowthickstop-1-s { +background-position:-224px -48px; +} + +.ui-icon-arrowthickstop-1-w { +background-position:-240px -48px; +} + +.ui-icon-arrowreturnthick-1-w { +background-position:0 -64px; +} + +.ui-icon-arrowreturnthick-1-n { +background-position:-16px -64px; +} + +.ui-icon-arrowreturnthick-1-e { +background-position:-32px -64px; +} + +.ui-icon-arrowreturnthick-1-s { +background-position:-48px -64px; +} + +.ui-icon-arrowreturn-1-w { +background-position:-64px -64px; +} + +.ui-icon-arrowreturn-1-n { +background-position:-80px -64px; +} + +.ui-icon-arrowreturn-1-e { +background-position:-96px -64px; +} + +.ui-icon-arrowreturn-1-s { +background-position:-112px -64px; +} + +.ui-icon-arrowrefresh-1-w { +background-position:-128px -64px; +} + +.ui-icon-arrowrefresh-1-n { +background-position:-144px -64px; +} + +.ui-icon-arrowrefresh-1-e { +background-position:-160px -64px; +} + +.ui-icon-arrowrefresh-1-s { +background-position:-176px -64px; +} + +.ui-icon-arrow-4 { +background-position:0 -80px; +} + +.ui-icon-arrow-4-diag { +background-position:-16px -80px; +} + +.ui-icon-extlink { +background-position:-32px -80px; +} + +.ui-icon-newwin { +background-position:-48px -80px; +} + +.ui-icon-refresh { +background-position:-64px -80px; +} + +.ui-icon-shuffle { +background-position:-80px -80px; +} + +.ui-icon-transfer-e-w { +background-position:-96px -80px; +} + +.ui-icon-transferthick-e-w { +background-position:-112px -80px; +} + +.ui-icon-folder-collapsed { +background-position:0 -96px; +} + +.ui-icon-folder-open { +background-position:-16px -96px; +} + +.ui-icon-document { +background-position:-32px -96px; +} + +.ui-icon-document-b { +background-position:-48px -96px; +} + +.ui-icon-note { +background-position:-64px -96px; +} + +.ui-icon-mail-closed { +background-position:-80px -96px; +} + +.ui-icon-mail-open { +background-position:-96px -96px; +} + +.ui-icon-suitcase { +background-position:-112px -96px; +} + +.ui-icon-comment { +background-position:-128px -96px; +} + +.ui-icon-person { +background-position:-144px -96px; +} + +.ui-icon-print { +background-position:-160px -96px; +} + +.ui-icon-trash { +background-position:-176px -96px; +} + +.ui-icon-locked { +background-position:-192px -96px; +} + +.ui-icon-unlocked { +background-position:-208px -96px; +} + +.ui-icon-bookmark { +background-position:-224px -96px; +} + +.ui-icon-tag { +background-position:-240px -96px; +} + +.ui-icon-home { +background-position:0 -112px; +} + +.ui-icon-flag { +background-position:-16px -112px; +} + +.ui-icon-calendar { +background-position:-32px -112px; +} + +.ui-icon-cart { +background-position:-48px -112px; +} + +.ui-icon-pencil { +background-position:-64px -112px; +} + +.ui-icon-clock { +background-position:-80px -112px; +} + +.ui-icon-disk { +background-position:-96px -112px; +} + +.ui-icon-calculator { +background-position:-112px -112px; +} + +.ui-icon-zoomin { +background-position:-128px -112px; +} + +.ui-icon-zoomout { +background-position:-144px -112px; +} + +.ui-icon-search { +background-position:-160px -112px; +} + +.ui-icon-wrench { +background-position:-176px -112px; +} + +.ui-icon-gear { +background-position:-192px -112px; +} + +.ui-icon-heart { +background-position:-208px -112px; +} + +.ui-icon-star { +background-position:-224px -112px; +} + +.ui-icon-link { +background-position:-240px -112px; +} + +.ui-icon-cancel { +background-position:0 -128px; +} + +.ui-icon-plus { +background-position:-16px -128px; +} + +.ui-icon-plusthick { +background-position:-32px -128px; +} + +.ui-icon-minus { +background-position:-48px -128px; +} + +.ui-icon-minusthick { +background-position:-64px -128px; +} + +.ui-icon-close { +background-position:-80px -128px; +} + +.ui-icon-closethick { +background-position:-96px -128px; +} + +.ui-icon-key { +background-position:-112px -128px; +} + +.ui-icon-lightbulb { +background-position:-128px -128px; +} + +.ui-icon-scissors { +background-position:-144px -128px; +} + +.ui-icon-clipboard { +background-position:-160px -128px; +} + +.ui-icon-copy { +background-position:-176px -128px; +} + +.ui-icon-contact { +background-position:-192px -128px; +} + +.ui-icon-image { +background-position:-208px -128px; +} + +.ui-icon-video { +background-position:-224px -128px; +} + +.ui-icon-script { +background-position:-240px -128px; +} + +.ui-icon-alert { +background-position:0 -144px; +} + +.ui-icon-info { +background-position:-16px -144px; +} + +.ui-icon-notice { +background-position:-32px -144px; +} + +.ui-icon-help { +background-position:-48px -144px; +} + +.ui-icon-check { +background-position:-64px -144px; +} + +.ui-icon-bullet { +background-position:-80px -144px; +} + +.ui-icon-radio-on { +background-position:-96px -144px; +} + +.ui-icon-radio-off { +background-position:-112px -144px; +} + +.ui-icon-pin-w { +background-position:-128px -144px; +} + +.ui-icon-pin-s { +background-position:-144px -144px; +} + +.ui-icon-play { +background-position:0 -160px; +} + +.ui-icon-pause { +background-position:-16px -160px; +} + +.ui-icon-seek-next { +background-position:-32px -160px; +} + +.ui-icon-seek-prev { +background-position:-48px -160px; +} + +.ui-icon-seek-end { +background-position:-64px -160px; +} + +.ui-icon-stop { +background-position:-96px -160px; +} + +.ui-icon-eject { +background-position:-112px -160px; +} + +.ui-icon-volume-off { +background-position:-128px -160px; +} + +.ui-icon-volume-on { +background-position:-144px -160px; +} + +.ui-icon-power { +background-position:0 -176px; +} + +.ui-icon-signal-diag { +background-position:-16px -176px; +} + +.ui-icon-signal { +background-position:-32px -176px; +} + +.ui-icon-battery-0 { +background-position:-48px -176px; +} + +.ui-icon-battery-1 { +background-position:-64px -176px; +} + +.ui-icon-battery-2 { +background-position:-80px -176px; +} + +.ui-icon-battery-3 { +background-position:-96px -176px; +} + +.ui-icon-circle-plus { +background-position:0 -192px; +} + +.ui-icon-circle-minus { +background-position:-16px -192px; +} + +.ui-icon-circle-close { +background-position:-32px -192px; +} + +.ui-icon-circle-triangle-e { +background-position:-48px -192px; +} + +.ui-icon-circle-triangle-s { +background-position:-64px -192px; +} + +.ui-icon-circle-triangle-w { +background-position:-80px -192px; +} + +.ui-icon-circle-triangle-n { +background-position:-96px -192px; +} + +.ui-icon-circle-arrow-e { +background-position:-112px -192px; +} + +.ui-icon-circle-arrow-s { +background-position:-128px -192px; +} + +.ui-icon-circle-arrow-w { +background-position:-144px -192px; +} + +.ui-icon-circle-arrow-n { +background-position:-160px -192px; +} + +.ui-icon-circle-zoomin { +background-position:-176px -192px; +} + +.ui-icon-circle-zoomout { +background-position:-192px -192px; +} + +.ui-icon-circle-check { +background-position:-208px -192px; +} + +.ui-icon-circlesmall-plus { +background-position:0 -208px; +} + +.ui-icon-circlesmall-minus { +background-position:-16px -208px; +} + +.ui-icon-circlesmall-close { +background-position:-32px -208px; +} + +.ui-icon-squaresmall-plus { +background-position:-48px -208px; +} + +.ui-icon-squaresmall-minus { +background-position:-64px -208px; +} + +.ui-icon-squaresmall-close { +background-position:-80px -208px; +} + +.ui-icon-grip-dotted-vertical { +background-position:0 -224px; +} + +.ui-icon-grip-dotted-horizontal { +background-position:-16px -224px; +} + +.ui-icon-grip-solid-vertical { +background-position:-32px -224px; +} + +.ui-icon-grip-solid-horizontal { +background-position:-48px -224px; +} + +.ui-icon-gripsmall-diagonal-se { +background-position:-64px -224px; +} + +.ui-icon-grip-diagonal-se { +background-position:-80px -224px; +} + +.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl { +border-top-left-radius:2px; +} + +.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr { +border-top-right-radius:2px; +} + +.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl { +border-bottom-left-radius:2px; +} + +.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br { +border-bottom-right-radius:2px; +} + +.ui-widget-shadow { +background:#aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; +opacity:.6; +filter:Alpha(Opacity=60); +border-radius:0; +margin:-4px 0 0 -4px; +padding:4px; +} + +.top-tasks,.report-apply-pay { +background:#fff; +width:100%; +margin:0 0 1.384615em; +padding:0; +} + +.top-tasks .text { +padding:0 3.797468%; +} + +.top-tasks h2 { +line-height:1.9375em; +border-bottom:5px solid #44697d; +margin:0 -4.2%; +padding:0 4.2%; +} + +.report-apply-pay-links { +overflow:hidden; +margin:0 3.797468% 1.384615em; +} + +.report-apply-pay-links a { +background:url(/img/body/item-type.gif) no-repeat right -595px; +padding:0 32px 0 0; +} + +.js .report-apply-pay h2 { +position:absolute; +left:-999px; +top:-999px; +} + +.cms-edit .report-apply-pay h2 { +position:static; +} + +.report-apply-pay ul,.top-tasks ul.first,.report-apply-pay ul.first { +position:relative; +margin:.692308em 0 0; +} + +.top-tasks ul.second,.report-apply-pay ul.second { +position:relative; +margin:0 2.953586% .692308em 0; +} + +.news { +clear:both; +margin:0 0 1.384615em; +} + +.news .feed { +left:3.797468%; +right:auto; +} + +.news .feature a:link,.news .feature a:visited { +text-decoration:none; +color:#fff; +} + +.news .feature { +position:relative; +list-style:none; +} + +.news .feature img { +max-width:100%; +display:block; +} + +.ie6 .news .feature img { +width:100%; +} + +.news .caption { +position:absolute; +bottom:0; +width:100%; +background-color:rgba(0,78,126,.8); +font-size:1.230769em; +line-height:1.125em; +font-weight:700; +} + +.ie67 .news .caption { +background-color:#003c69; +} + +.news .caption p { +padding:3%; +} + +.news .caption span { +background:url(/img/body/item-type.gif) no-repeat right -1095px; +padding:0 20px 0 0; +} + +.ie67 .news .caption span { +background:0; +} + +.news .feature2 .caption { +background-color:rgba(5,107,11,.8); +} + +.ie67 .news .feature2 .caption { +background-color:#056b0b; +} + +.news .only-feature,.news .feature1,.news .feature2 { +margin-left:3.797468%; +} + +.news ol,.involved ul,.whats-on ul { +background:#fff; +margin:0; +} + +.news .headline { +clear:both; +display:block; +border-top:1px solid #dae1e5; +overflow:hidden; +list-style:none; +margin:-1px 0 0; +padding:.692308em 3.797468%; +} + +.involved li,.whats-on li { +border-top:1px solid #dae1e5; +overflow:hidden; +list-style:none; +margin:-1px -18px 0; +padding:9px 18px; +} + +.news .headline img,.involved li img,.whats-on .time { +float:left; +margin:0 18px 1px 0; +} + +.find-and-library,.involved,.whats-on { +padding-top:1.384615em; +} + +.library h2,.involved h2,.whats-on h2 { +font-size:1.153846em; +line-height:1.8em; +border-bottom:1px solid #dae1e5; +margin:0 -3.797468%; +padding:0 3.797468%; +} + +.feed { +position:absolute; +top:0; +right:0; +z-index:999; +width:27px; +} + +.library ul { +margin-left:0; +position:relative; +} + +.nearest:link,.nearest:visited { +text-decoration:none; +color:#131313; +cursor:pointer; +} + +.nearest-button { +font-size:1.230769em; +line-height:1.125em; +margin:1.125em 0 0; +} + +a:link .nearest-button,a:visited .nearest-button { +display:block; +border-radius:5px 5px 0 0; +color:#fff; +font-weight:700; +filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#056b0c',endColorstr='#068a0f',GradientType=0); +background:linear-gradient(top,#056b0c 0,#068a0f 100%); +padding:.5625em 18px; +} + +a:hover .nearest-button,a:focus .nearest-button,a:active .nearest-button { +filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#078d10',endColorstr='#07a912',GradientType=0); +background:linear-gradient(top,#078d10 0,#07a912 100%); +} + +.nearest-button span { +background:url(/img/body/item-type.gif) no-repeat right -1095px; +padding-right:20px; +} + +.nearest-teaser { +background:#cde1ce; +border-radius:0 0 5px 5px; +padding:.692308em 18px; +} + +.buttons { +line-height:4.076923em; +border-top:1px solid #dae1e5; +width:100%; +margin:0 -18px; +} + +.buttons a { +border-radius:3px; +background:#44697d; +color:#fff; +font-weight:700; +text-decoration:none; +margin:0 -7px 0 18px; +padding:5px; +} + +.find-and-library { +background:#fff; +margin:0 0 1.384615em; +} + +.whats-on { +clear:left; +background:#fff; +} + +.whats-on .time { +width:50px; +height:50px; +border:2px solid #44697d; +text-transform:uppercase; +font-weight:700; +padding:4px; +} + +.whats-on .no-range { +padding-top:9px; +height:45px; +} + +.whats-on .range { +color:#44697d; +display:block; +text-align:center; +font-size:.923077em; +line-height:1em; +} + +.whats-on .date { +color:#b21313; +display:block; +text-align:center; +font-size:1.692308em; +line-height:1.1em; +} + +.whats-on .month { +color:#196ba6; +display:block; +text-align:center; +font-size:1.153846em; +line-height:1em; +} + +.whats-on .cal p { +margin-left:80px; +} + +.cms-edit .whats-on li { +overflow:visible; +} + +.report-apply-pay .ui-helper-hidden-accessible { +position:absolute!important; +clip:rect(1px,1px,1px,1px); +} + +.report-apply-pay .ui-helper-clearfix:after { +content:"."; +display:block; +height:0; +clear:both; +visibility:hidden; +} + +.report-apply-pay * html .ui-helper-clearfix { +height:1%; +} + +.report-apply-pay .ui-widget-header { +border-bottom:5px solid #44697d; +background:0; +} + +.report-apply-pay .ui-state-default,.report-apply-pay .ui-widget-content .ui-state-default,.report-apply-pay .ui-widget-header .ui-state-default { +border:1px solid #44697d; +background:#c7dbe4; +font-weight:700; +color:#3a596a; +} + +.report-apply-pay .ui-state-default a,.report-apply-pay .ui-state-default a:link,.report-apply-pay .ui-state-default a:visited { +color:#3a596a; +text-decoration:none; +} + +.report-apply-pay .ui-state-hover,.report-apply-pay .ui-widget-content .ui-state-hover,.report-apply-pay .ui-widget-header .ui-state-hover,.report-apply-pay .ui-state-focus,.report-apply-pay .ui-widget-content .ui-state-focus,.report-apply-pay .ui-widget-header .ui-state-focus { +border:1px solid #007b00; +background:#44697d; +font-weight:700; +color:#3a596a; +} + +.report-apply-pay .ui-state-active,.ui-widget-content .ui-state-active,.report-apply-pay .ui-widget-header .ui-state-active { +border:1px solid #44697d; +background:#44697d; +font-weight:700; +color:#fff; +} + +.report-apply-pay .ui-widget :active { +outline:0; +} + +.report-apply-pay .ui-state-default { +border-top-left-radius:5px; +border-top-right-radius:5px; +} + +.ui-tabs { +font-size:1em; +position:relative; +zoom:1; +} + +.ui-tabs .ui-tabs-nav { +border-radius:0; +margin:0; +padding:.2em .2em 0; +} + +.ui-tabs .ui-tabs-nav li { +list-style:none; +float:left; +position:relative; +top:1px; +border-bottom:0!important; +white-space:nowrap; +margin:0 .2em 1px 0; +padding:0; +} + +.ui-tabs .ui-tabs-nav li a { +float:left; +text-decoration:none; +padding:.4em 1em; +} + +.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { +cursor:text; +} + +.ui-tabs .ui-tabs-panel { +padding:9px 18px; +} + +.ui-tabs .ui-tabs-hide { +display:none!important; +} + +article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,.small,.cms-edit .report-apply-pay,.involved ul a,.report-apply-pay .ui-helper-clearfix { +display:block; +} + +strong,.latestBox h2,.text table .subHeading,.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary { +font-weight:700; +} + +small,.text .downloadDetail { +font-size:.846154em; +line-height:1.636364em; +} + +a:link,.report-apply-pay .ui-widget-content a:link { +color:#003c69; +} + +a:visited,.report-apply-pay .ui-widget-content a:visited { +color:#609; +} + +a:hover,a:focus,a:active,.report-apply-pay .ui-widget-content a:hover,.report-apply-pay .ui-widget-content a:focus,.report-apply-pay .ui-widget-content a:active { +color:#b80000; +} + +select,input,textarea,.section-nav ul,.news .buttons,.involved ul p { +margin:0; +} + +input[type=radio],input[type=checkbox],.ie6 input { +vertical-align:text-bottom; +} + +label,input[type=submit],input[type=image],.ui-tabs .ui-tabs-nav li a,.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { +cursor:pointer; +} + +.ie67 .button-nav,.ie67 .eastsussex-container,.ie6 #menu li.mobile,.footer .social span,.ie6 .section-nav,.ie6 .infoBar,.ie6 .related,.ie6 .share,.ie67 .news,.ie6 .news .feature,.ie67 .library .eastsussex-context,.ie67 .involved .eastsussex-context,.ie67 .whats-on .eastsussex-context { +display:inline-block; +} + +.button-nav li,.report-apply-pay-links li { +float:left; +list-style:none; +} + +.buttonDisabled,.button-nav .buttonDisabled,.button:disabled,.form input[type=submit]:disabled,.ie67 .text .totalsRow td { +background:#777; +color:#fff; +} + +.eastsussex-container:after,.supporting,.ui-helper-clearfix:after { +clear:both; +} + +.eastsussex-context,.ie67 .text p,.ie67 .text h2,.ui-menu-icons { +position:relative; +} + +.medium,.large,.header .size,.header .alphabet,#menu .socialcare,#menu .business,#menu .community,#menu .education,#menu .environment,#menu .families,#menu .jobs,#menu .leisure,#menu .libraries,#menu .transport,#menu .council,.footer h2,.footer .newsletter,.footer .petitions,.section-nav img,.vevent .uid,.advert,.print,.ui-helper-hidden,.report-apply-pay,.cms-edit .report-apply-pay-links,.no-js .tabs,.report-apply-pay .ui-helper-hidden { +display:none; +} + +.size2 .header .logo-small,.size2 .header .logo-small:link,.size2 .header .logo-small:visited,.ui-widget .ui-widget { +font-size:1em; +} + +.ie7 #search .submit input,.ui-tabs .ui-tabs-nav li.ui-tabs-selected { +margin-bottom:0; +} + +#menu li,.cms-edit .section-nav span { +float:left; +} + +.footer .languages a:link,.footer .languages a:visited,.whats-on a:link { +text-decoration:none; +} + +.footer .languages a:hover,.footer .languages a:focus,.footer .languages a:active,.news .feature a:hover,.news .feature a:focus,.news .feature a:active,.whats-on .title { +text-decoration:underline; +} + +.text p,p.text,.news .feature2 { +margin:.692308em 0; +} + +.text tr:nth-child(odd),.involved { +background:#fff; +} + +.supporting-text li,.top-tasks li,.report-apply-pay li,.library li { +background:url(/img/body/item-type.gif) no-repeat 0 -995px; +list-style:none; +padding-left:16px; +} + +.ui-helper-reset,.report-apply-pay .ui-helper-reset { +border:0; +font-size:100%; +line-height:1.3; +list-style:none; +outline:0; +text-decoration:none; +margin:0; +padding:0; +} + +.ui-helper-zfix,.report-apply-pay .ui-helper-zfix { +filter:Alpha(Opacity=0); +height:100%; +left:0; +opacity:0; +position:absolute; +top:0; +width:100%; +} + +.ui-widget,.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button { +font-family:Helvetica,Arial,sans-serif; +font-size:1em; +} + +.ui-widget-content a,.ui-widget-header a,.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { +color:#444; +} + +.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,.report-apply-pay .ui-state-hover a,.report-apply-pay .ui-state-hover a:hover,.report-apply-pay .ui-state-active a,.report-apply-pay .ui-state-active a:link,.report-apply-pay .ui-state-active a:visited { +color:#fff; +text-decoration:none; +} + +.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a,.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text { +color:#222; +} + +.ui-icon,.ui-widget-content .ui-icon,.ui-state-error .ui-icon,.ui-state-error-text .ui-icon { +background-image:url(images/ui-icons_ff0084_256x240.png); +} + +.ui-widget-header .ui-icon,.ui-state-highlight .ui-icon { +background-image:url(images/ui-icons_0073ea_256x240.png); +} + +.ui-icon-seek-start,.ui-icon-seek-first { +background-position:-80px -160px; +} + +.news li.first,.report-apply-pay,.report-apply-pay .ui-widget-content { +border:0; +} + +@media print { +.button-nav { +display:none; +} + +.header .logo-small img { +padding-left:0; +} + +.text h1,h1.text { +padding-left:0; +padding-right:0; +margin-left:0; +margin-right:0; +} + +.related h2 { +margin-left:0; +margin-right:0; +} + +.print { +display:block; +} + +.screen { +display:none!important; +} + +@page { +margin:.5cm; +} + +* { +background:transparent!important; +color:#000!important; +text-shadow:none!important; +filter:none!important; +-ms-filter:none!important; +} + +a,a:visited { +color:#444; +text-decoration:underline; +} + +a[href]:after { +content:" (" attr(href) ")"; +font:normal 9pt "Arial Narrow",Arial,Helvetica,sans-serif; +color:#666; +padding-left:.5em; +} + +abbr[title]:after { +content:" (" attr(title) ")"; +} + +a[href^=javascript]:after,a[href^=\#]:after,table a[href]:after,a.screenUrl:after { +content:""; +} + +thead { +display:table-header-group; +} + +tr,img,blockquote { +page-break-inside:avoid; +} + +p,h2,h3 { +orphans:3; +widows:3; +} + +h2,h3,dt { +page-break-after:avoid; +} + +.body ul { +margin-left:1.153846em; +} + +.body ul li { +padding-left:0; +background-image:none; +list-style-image:none; +list-style-type:disc; +} + +.ie6 .eastsussex-container { +width:17cm!important; +} + +.section-nav,.related,.related h2,.supporting-text { +padding-left:0; +padding-right:0; +} + +.text tbody,.text tr,.text td,.text th,.text thead tr:nth-child(odd),.text thead tr:nth-child(even),.text tr:nth-child(odd),.text tr:nth-child(even) { +border:1px solid #dae1e5; +} +} + +@media screen { +.eastsussex .eastsussex-container { +margin:0 auto; +} + +.text { +background:#fff; +padding:.1px 3.797468% 0; +} + +.ie67 .text { +padding:0 3.797468%; +} + +ul.subscribe { +list-style:none; +margin:.692308em 0; +} + +a.subscribe { +padding:0 0 0 23px; +} + +.hcal,.rss,.email,.rss-email,.xml,.pdf,.doc,.rtf,.xls,.wma,.mp3,.ppt,.jpg,.html,.file,.new-window,.facebook,.twitter,.youtube,.flickr { +background-image:url(/cobrands/eastsussex/img/item-type.gif); +background-repeat:no-repeat; +padding-left:23px; +} + +.hcal { +background-position:0 2px; +} + +.rss { +background-position:0 -48px; +} + +.email { +background-position:0 -97px; +padding-left:19px; +} + +.rss-email { +background-position:0 -150px; +} + +.xml { +background-position:0 -200px; +padding-left:30px; +} + +.pdf { +background-position:0 -248px; +} + +.doc,.rtf { +background-position:0 -298px; +padding-left:20px; +} + +.xls { +background-position:0 -350px; +padding-left:18px; +} + +.wma { +background-position:0 -400px; +} + +.mp3 { +background-position:0 -450px; +padding-left:20px; +} + +.ppt { +background-position:left -1748px; +padding-left:20px; +} + +.jpg { +background-position:left -2148px; +} + +.html,.file { +background-position:left -700px; +} + +.new-window { +background-position:100% -500px; +padding-left:0; +padding-right:16px; +} + +.twitter { +background-position:0 -1300px; +padding-left:20px; +} + +.facebook { +background-position:0 -1350px; +padding-left:20px; +} + +.youtube { +background-position:0 -1400px; +padding-left:20px; +} + +.flickr { +background-position:0 -1450px; +padding-left:20px; +} + +li.download { +list-style:none; +padding-left:23px; +text-indent:-23px; +margin:.692308em 0 .692308em -1.153846em; +} +} diff --git a/web/cobrands/eastsussex/config.rb b/web/cobrands/eastsussex/config.rb new file mode 100644 index 000000000..cab97b18f --- /dev/null +++ b/web/cobrands/eastsussex/config.rb @@ -0,0 +1,25 @@ +# Require any additional compass plugins here. + +# Set this to the root of your project when deployed: +http_path = "/" +css_dir = "" +sass_dir = "" +images_dir = "" +javascripts_dir = "" + +# You can select your preferred output style here (can be overridden via the command line): +# output_style = :expanded or :nested or :compact or :compressed + +# To enable relative paths to assets via compass helper functions. Uncomment: +# relative_assets = true + +# To disable debugging comments that display the original location of your selectors. Uncomment: +# line_comments = false + +# If you prefer the indented syntax, you might want to regenerate this +# project again passing --syntax sass, or you can uncomment this: +# preferred_syntax = :sass +# and then run: +# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass + +line_comments = false # by Compass.app diff --git a/web/cobrands/eastsussex/img/desktop.png b/web/cobrands/eastsussex/img/desktop.png Binary files differnew file mode 100644 index 000000000..abebf4d40 --- /dev/null +++ b/web/cobrands/eastsussex/img/desktop.png diff --git a/web/cobrands/eastsussex/img/gradient.jpg b/web/cobrands/eastsussex/img/gradient.jpg Binary files differnew file mode 100644 index 000000000..0c9c27dd2 --- /dev/null +++ b/web/cobrands/eastsussex/img/gradient.jpg diff --git a/web/cobrands/eastsussex/img/item-type.gif b/web/cobrands/eastsussex/img/item-type.gif Binary files differnew file mode 100644 index 000000000..12a941daa --- /dev/null +++ b/web/cobrands/eastsussex/img/item-type.gif diff --git a/web/cobrands/eastsussex/img/menu-item.gif b/web/cobrands/eastsussex/img/menu-item.gif Binary files differnew file mode 100644 index 000000000..f0cdc0198 --- /dev/null +++ b/web/cobrands/eastsussex/img/menu-item.gif diff --git a/web/cobrands/eastsussex/img/xmas-lights.jpg b/web/cobrands/eastsussex/img/xmas-lights.jpg Binary files differnew file mode 100644 index 000000000..a5805779a --- /dev/null +++ b/web/cobrands/eastsussex/img/xmas-lights.jpg diff --git a/web/cobrands/eastsussex/layout.scss b/web/cobrands/eastsussex/layout.scss new file mode 100644 index 000000000..64921333a --- /dev/null +++ b/web/cobrands/eastsussex/layout.scss @@ -0,0 +1,135 @@ +@import "_colours";; +@import "../sass/layout"; + +/* from http://nicolasgallagher.com/micro-clearfix-hack/ */ +.clearfix:before, +.clearfix:after { content: " "; display: table; } +.clearfix:after { clear: both; } +/* For IE 6/7 only */ +.clearfix { *zoom: 1; } + +#front-main { + padding: 0 +} +#front-main-container { + background-color: $eastsussex_primary; + padding: 1em; +} + +@media only screen and (min-width:48em) { + body.mappage .main-menu-wrapper { + position: fixed + } + body.mappage #site-header .header { + /* display: none; */ + } + + body.mappage footer { + display: none; + } + + body.mappage, body.twothirdswidthpage { + .content { + margin-top: 15em; + .sticky-sidebar aside { + z-order: 3; + top: 16em; + } + } + + } + + body.mappage #fms_pan_zoom { + top: 14em!important; + } +} + +@media only screen and (min-width:48em) { + body.frontpage #site-header { + height: 13em; + + .mobile-header-nav { + display: none; + } + } + + #skipped-map { + clear: both; + margin-top: 3em; /* required to push "Your Reports" visible on Safari/IE */ + } + + #main-nav { + margin-top: 106px; + + ul { + margin-left: 157px; + float: none; + } + } + + #main-nav ul li { + text-align: center; + text-transform: uppercase; + padding: 0 15px; + font-size: 16px; + border-right: solid 1px white; + line-height: 1.5em; + } + + #main-nav ul li a { + padding: 0; + font-size: inherit; + } + + #main-nav ul li:last-child { + border-right: none; + } + + #main-nav ul li a:link, #main-nav ul li a:visited { + color: #fff; + } + + #main-nav ul li:hover, #main-nav ul li:hover a, { + background-color: white; + color: black; + text-decoration: none; + } +} + +@media only screen and (max-width: 61em) and (min-width: 48em) { + #main-nav { + padding-left: 0px; + float:none; + } +} + + +.main-menu-wrapper { + /* z-index:2; */ + background-color: #FFF; + width:100%; +} + +@media only screen and (min-width:48em) { + .main-menu-wrapper { + position: absolute; + height: 2.4em; + + ul { + margin: 0; + } + + li { + list-style-type: none; + padding: 0.5em; + float: left; + } + top: 160px; + z-index: 3; + + .main-menu { + max-width: 966px; + margin: 0 auto; + } + } +} diff --git a/web/cobrands/eastsussex/mqLarge.scss b/web/cobrands/eastsussex/mqLarge.scss new file mode 100644 index 000000000..4c3dd5675 --- /dev/null +++ b/web/cobrands/eastsussex/mqLarge.scss @@ -0,0 +1,720 @@ +html { +overflow-y:scroll; +} + +.container, .eastsussex-container { +max-width:966px; +} + +.ie6.no-js .eastsussex-container { +width:966px; +} + +.escc-grid { +position:absolute; +top:0; +right:0; +bottom:0; +left:0; +height:2000px; +width:966px; +background:url(/cobrands/eastsussex/img-12.gif) repeat-y center top!important; +margin:27px auto 0; +} + +.large { +display:block; +} + +body header .header { + position: absolute; + z-index: 2; + top: 0; + width: 100%; + background:#01a1df url(/cobrands/eastsussex/img/desktop.png) repeat-x center top; + border:0; + margin:0 0 -4px; + padding:0; +} +body.mappage header .header { + position: fixed; +} + +.ie6 .header { +height:auto; +margin:0; +} + +.header .eastsussex-container { +background:url(/cobrands/eastsussex/img/xmas-lights.jpg) no-repeat center top; +overflow:hidden; +} + +.header .mask { +background:url(/cobrands/eastsussex/img/desktop.png) no-repeat center -162px; +overflow:hidden; +} + +.ie6 .header .mask { +background:url(/cobrands/eastsussex/img/mask.gif) no-repeat center top; +height:162px; +} + +.header .logo-large { +float:left; +margin:11px 0; +} + +.header .size { +display:block; +position:absolute; +right:6em; +} + +.header .size a { +float:left; +color:#777; +padding:7px 10px 7px 20px; +} + +.header .size .zoom-in { +background:url(/cobrands/eastsussex/img/item-type.gif) no-repeat 0 -1491px; +} + +.header .size .zoom-out { +background:url(/cobrands/eastsussex/img/item-type.gif) no-repeat 0 -1538px; +} + +.header .alphabet { +display:block; +width:70%; +float:right; +white-space:nowrap; +font-weight:700; +font-size:1.230769em; +line-height:1.125em; +text-align:right; +margin:36px 0 0; +} + +.header .alphabet h2 { +display:inline; +color:#777; +} + +.header .alphabet a:link,.header .alphabet a:visited,.header .alphabet em { +text-decoration:none; +padding:0 .32%; +} + +.header div.alphabet .i { +padding:0 .7%; +} + +.header div.alphabet .z { +padding-right:0; +} + +.header .alphabet em { +color:#fff; +background:#003c69; +font-style:normal; +border-radius:3px; +} + +.ie6 .header .alphabet { +position:relative; +right:-45px; +} + +.size2 .header .alphabet,.size3 .header .alphabet { +margin-top:33px; +} + +#search { +clear:right; +width:49.068298%; +margin:0; +} + +#search .search-inner { +padding:0; +} + +#search .search { +height:30px; +border:2px solid #00a1de; +border-radius:3px; +} + +#search .submit { +width:48px; +float:right; +} + +#search .submit input { +width:100%; +margin:6px 0 0; +padding:8px 0 9px; +} + +.ie6 #search { +float:right; +clear:right; +width:expression(document.body.clientWidth>446?"446px":"auto"); +margin:0; +} + +.ie6 #search .term-outer { +float:left; +margin-right:-56px; +width:100%; +} + +.ie6 #search .term-inner { +padding-right:56px; +} + +.ie6 #search .search { +float:none; +width:100%; +margin:6px 0; +} + +.header #menu { +width:100%; +max-width:none; +clear:both; +} + +#menu a:link,#menu a:visited { +height:59px; +display:block; +position:relative; +line-height:55px; +padding:0 6px 0 4px; +} + +#menu a:hover,#menu a:focus,#menu a:active,#menu a.selected:link,#menu a.selected:visited { +background-position:right -61px; +} + +#menu .long a:link,#menu .long a:visited { +line-height:18px; +padding-top:10px; +height:49px; +} + +#menu .socialcare { +width:13%; +display:block; +} + +#menu .community { +width:11%; +display:block; +} + +#menu .education { +width:10%; +display:block; +} + +#menu .environment { +width:12%; +display:block; +} + +#menu .jobs { +width:5%; +display:block; +} + +#menu .leisure { +width:7%; +display:block; +} + +#menu .business a { +background-image:none; +} + +#menu .business a:hover,#menu .business a:focus,#menu .business a:active,#menu .business a.selected:link,#menu .business a.selected:visited { +background:url(/cobrands/eastsussex/img/menu-item.gif) no-repeat left -61px; +} + +.ie6 #menu { +width:100%; +background:0; +position:relative; +letter-spacing:-.05em; +} + +.ie6 #menu a:link,.ie6 #menu a:visited { +padding-left:2px; +padding-right:4px; +height:55px; +} + +.ie6 #menu .socialcare { +width:12%; +} + +.ie6 #menu a:hover,.ie6 #menu a:focus,.ie6 #menu a:active,.ie6 #menu a.selected:link,.ie6 #menu a.selected:visited { +background-position-y:-63px; +} + +.ie6 #menu .long a:link,.ie6 #menu .long a:visited { +height:45px; +} + +.footer .online { +float:left; +width:21.635611%; +border-right:1px dotted #779aa7; +text-align:left; +} + +.footer h2 { +display:block; +margin-right:.5em; +font-size:1.153846em; +line-height:1.2em; +font-weight:700; +color:#444; +} + +.footer .social { +float:none; +padding-bottom:1.384615em; +border-bottom:.076923em dotted #779aa7; +margin:1.384615em 0 .615385em; +} + +.footer .online ul { +line-height:2.076923em; +margin:.692308em 0; +} + +.footer .online li { +display:list-item; +margin:0; +} + +.footer .newsletter { +display:block; +float:left; +width:40.579708%; +padding:0 0 0 1.863354%; +} + +.footer .newsletter label { +display:block; +margin:.923077em 0 .461538em; +} + +.footer .newsletter .email { +font-size:1.076923em; +line-height:1em; +width:19.5em; +background:#fff; +border:2px solid #9c9c9c; +border-radius:5px; +padding:6px; +} + +.footer .petitions { +display:block; +float:left; +width:23.498964%; +border-left:1px dotted #779aa7; +padding-left:1.759834%; +} + +.footer .petitions h2 span { +background:url(/cobrands/eastsussex/img/item-type.gif) no-repeat right -1850px; +padding-right:35px; +} + +.footer .petitions ul { +margin:.692308em 0 .692308em 1.153846em; +} + +.footer .online,.footer .petitions { +min-height:18em; +} + +.body { +background:url(/cobrands/eastsussex/img/gradient.jpg) repeat-x left top #fff; +} + +.breadcrumb { +display:block; +overflow:hidden; +background:#6bc8ec; +border:0 solid #6bc8ec; +border-width:.076923em 3px; +margin:0 0 .615385em; +} + +.breadcrumb li { +color:#fff; +line-height:1.692308em; +float:left; +position:relative; +white-space:nowrap; +margin:.153846em 0 .153846em -10px; +padding:0 18px 0 16px; +} + +.breadcrumb a:link,.breadcrumb a:visited { +color:#fff; +text-decoration:none; +float:left; +} + +.breadcrumb .current { +background:url(/cobrands/eastsussex/img/navigation.gif) no-repeat right -150px; +} + +.breadcrumb .up { +background:url(/cobrands/eastsussex/img/navigation.gif) no-repeat right -100px; +} + +.breadcrumb .level1 { +background:url(/cobrands/eastsussex/img/navigation.gif) no-repeat right top; +color:#194c7e; +z-index:9; +margin:.153846em 0; +padding:0 18px 0 6px; +} + +.breadcrumb .level1 a:link,.breadcrumb .level1 a:visited { +color:#194c7e; +} + +.breadcrumb .level2 { +background:url(/cobrands/eastsussex/img/navigation.gif) no-repeat right -50px; +z-index:8; +} + +.breadcrumb .level3 { +z-index:7; +} + +.breadcrumb .level4 { +z-index:6; +} + +.breadcrumb .level5 { +z-index:5; +} + +.breadcrumb .level6 { +z-index:4; +} + +.breadcrumb .level7 { +z-index:3; +} + +.breadcrumb .level8 { +z-index:2; +} + +.breadcrumb .level9 { +z-index:1; +} + +.ie67 .breadcrumb { +border-bottom-width:3px; +} + +.full-page { +clear:both; +background:#fff; +min-height:15em; +box-shadow:0 0 12px 0 #dae1e5; +} + +.text h1,h1.text { +padding:.208333em 1.863354% .166666em; +} + +.text h1 { +margin:0 -1.863354%; +} + +.full-page .text h2,.full-page .text h3,.full-page .text h4,.full-page .text h5,.full-page .text p,.full-page .text ul,.full-page .text ol,.full-page .text dl { +max-width:66.045547%; +} + +.full-page .text table { +width:auto; +} + +.full-page .text h2 *,.full-page .text h3 *,.full-page .text h4 *,.full-page .text h5 *,.full-page .text p *,.full-page .text ul *,.full-page .text ol *,.full-page .text dl * { +max-width:none; +} + +.article { +float:left; +width:66.045547%; +background:#fff; +min-height:15em; +box-shadow:0 0 12px 0 #dae1e5; +} + +.article .text h1,.article h1.text { +padding:.208333em 3% .166666em; +} + +.article .text h1 { +margin:0 -3%; +} + +.rtl .article { +float:right; +} + +.supporting { +clear:right; +float:right; +width:32.091099%; +margin-bottom:1.384615em; +} + +.supporting-text { +clear:right; +float:right; +width:28.364389%; +border-top:0; +background:#fff; +box-shadow:0 0 12px 0 #dae1e5; +margin:0 0 1.384615em; +padding:.692308em 1.863354%; +} + +.supporting-text h2 { +border-bottom:1px solid #dae1e5; +margin:0 -6.7% 10px; +padding:0 6.7% 7px; +} + +.ie7 .supporting-text h2 { +margin:0 -2% 10px; +padding:0 2% 7px; +} + +.ie6 .supporting-text h2 { +margin:0 -.9% 10px; +padding:0 0 7px; +} + +.rtl .supporting,.rtl .supporting-text { +clear:left; +float:left; +} + +dl.itemDetail dt { +margin:0 0 0 2.821317%; +} + +dl.itemDetail dd { +margin:0 2.821317% .538462em 25%; +} + +.related { +padding:1.384615em 2.821317%; +} + +.advert { +display:block; +background:#fff; +padding:.692308em 0; +} + +.advert img { +display:block; +margin:auto; +} + +.top-tasks-group { +float:left; +width:49.068321%; +margin:0 1.863354% 0 0; +} + +.top-tasks { +clear:left; +min-height:15.230769em; +box-shadow:0 0 12px 0 #dae1e5; +margin:0 0 1.384615em; +} + +.report-apply-pay { +clear:left; +min-height:15.230769em; +box-shadow:0 0 12px 0 #dae1e5; +margin:0 0 1.384615em; +} + +.top-tasks .text { +padding:0 3.797468%; +} + +.top-tasks h2 { +margin:0 -3.9%; +padding:0 3.9%; +} + +.news { +float:left; +width:49.068321%; +min-height:32.153847em; +} + +.news .buttons { +background:#fff; +} + +.news .feed { +left:auto; +right:0; +} + +.news .only-feature,.news .feature1 { +margin-left:0; +} + +.news .feature2 { +float:right; +margin:0; +} + +.schools { +overflow:hidden; +box-shadow:0 0 12px 0 #dae1e5; +} + +.find-and-library,.involved,.whats-on { +float:left; +width:32.091099%; +padding-top:0; +margin:0 1.863354% 1.384615em 0; +} + +.library h2,.involved h2,.whats-on h2 { +margin:0 -5.806452%; +padding:0 5.806452%; +} + +.find-and-library .text,.involved .text,.whats-on .text { +padding-left:5.806452%; +padding-right:5.806452%; +} + +.involved .eastsussex-context,.whats-on .eastsussex-context { +min-height:19.384615em; +} + +.library .has-buttons,.involved .has-buttons,.whats-on .has-buttons { +min-height:15.230769em; +} + +.library { +clear:left; +} + +.whats-on { +clear:none; +margin-right:0; +} + +.ie6 .eastsussex-container { +width:expression(document.body.clientWidth>966?"966px":"auto"); +} + +.medium,.header .logo-small,.header .logo-small:link,.header .logo-small:visited,.size2 .header .alphabet h2,.size3 .header .alphabet h2,#menu .mobile,.ie6 #menu li.mobile { +display:none; +} + +.header .contact,.ie67 #search .submit input { +padding:7px 0; +} + +.header .alphabet a:hover,.header .alphabet a:focus,.header .alphabet a:active,.breadcrumb a:hover,.breadcrumb a:focus,.breadcrumb a:active { +text-decoration:underline; +} + +#menu .business,#menu .families,#menu .council { +display:block; +width:8%; +} + +#menu .libraries,#menu .transport { +display:block; +width:9%; +} + +.ie6 .breadcrumb,.ie67 .full-page,.ie67 .article { +display:inline-block; +} + +.full-page:before,.full-page:after,.article:before,.article:after { +content:"."; +display:block; +height:0; +overflow:hidden; +} + +.full-page:after,.article:after,.final-group { +clear:both; +} + +.section-nav ul,.related .section { +width:45.768024%; +margin:0 2.821317% 0 0; +} + +.news .features,.library,.involved,.whats-on { +box-shadow:0 0 12px 0 #dae1e5; +} + +@media screen and (-webkit-min-device-pixel-ratio0) { + #search .submit input { + padding:6px 0; + } +} + +@media only screen and (max-width:900px) { +.header .eastsussex-container { +background:0; +} + +#menu { +letter-spacing:-.05em; +} + +.header .alphabet,#search { +width:83.022774%; +} +} + +@media screen { +.text { +padding:.1px 1.863354% 0; +} + +.ie67 .text { +padding:0 1.863354%; +} + +.article .text { +padding:.1px 2.821317% 0; +} + +.ie67 .article .text { +padding:0 2.821317%; +} +} diff --git a/web/cobrands/eastsussex/mqMedium.scss b/web/cobrands/eastsussex/mqMedium.scss new file mode 100644 index 000000000..1909eb951 --- /dev/null +++ b/web/cobrands/eastsussex/mqMedium.scss @@ -0,0 +1,237 @@ +.escc-grid { +background:#eff url(/cobrands/eastsussex/img-9.gif) repeat-y center top; +} + +.section-nav img { +display:block; +float:left; +border:1px solid #999; +margin:0 1.076953em 0 0; +} + +.latestBox .latest { +position:absolute; +top:6px; +left:18px; +margin:0; +} + +.latestBox h2,.latestBox p,.latestBox ul,.latestBox .item { +padding:.6em 18px .6em 6em; +} + +.latestBox ul,.latestBox h2+ul,.latestBox p+ul { +padding-left:7.2em; +margin-left:0; +} + +.text .latestBox .latest { +left:0; +} + +.ie67 .text .latestBox .latest { +float:left; +z-index:100; +top:14px; +} + +.cms-edit .latestBox .latest { +position:relative; +} + +.cms-edit .latestBox .mceEditor { +clear:both; +display:block; +padding:18px 18px 0; +} + +.text h1,h1.text { +padding:.208333em 2.244389% .166666em; +} + +.text h1 { +margin:0 -2.244389%; +} + +.related { +padding:1.384615em 2.244389%; +} + +.related h2 { +margin:0 -1em .642857em; +} + +.related ul { +margin:.538462em 0 -.538462em; +} + +.text .tCols { +overflow:hidden; +width:100%; +} + +.text .tCol1 { +width:49%; +float:left; +margin-right:-50%; +padding-right:50%; +} + +.text .tCol2 { +width:49%; +float:right; +} + +dl.itemDetail dt { +clear:left; +float:left; +width:22%; +margin:0 0 0 2.244389%; +} + +dl.itemDetail dd { +margin:0 2.244389% .538462em 25%; +} + +.ie6 dl.itemDetail dd { +height:1%; +} + +.share .button-nav { +float:left; +margin:0 .5em .692308em 0; +} + +.top-tasks .text { +padding:0 2.244389%; +} + +.top-tasks h2 { +margin:0 -2.5%; +padding:0 2.5%; +} + +.top-tasks ul.first,.report-apply-pay ul.first { +float:left; +width:48.101269%; +margin:.692308em 0; +} + +.top-tasks ul.second,.report-apply-pay ul.second { +float:right; +width:45.147682%; +margin:.692308em 2.953586% .692308em 0; +} + +.news { +clear:none; +} + +.news .feed { +left:2.244389%; +} + +.news ol { +overflow:hidden; +margin:0 0 1.384615em; +} + +.news .only-feature,.news .feature1 { +margin-left:2.244389%; +} + +.news .feature1 { +width:49.799999%; +float:left; +} + +.news .feature2 { +width:49.799999%; +float:left; +margin:0 0 0 4px; +} + +.find-and-library,.involved { +float:left; +width:48.877811%; +} + +.find-and-library { +margin-right:2.244389%; +} + +.find-and-library .text,.involved .text { +overflow:hidden; +padding:0 4.591837%; +} + +.library h2,.involved h2 { +margin:0 -4.591837%; +padding:0 4.591837%; +} + +.library .context { +min-height:16.615385em; +} + +.involved .context { +min-height:19.384615em; +} + +.library .has-buttons,.involved .has-buttons { +min-height:15.230769em; +} + +.whats-on h2 { +margin:0 -2.244389%; +padding:0 2.244389%; +} + +body .library .has-buttons,body .involved .has-buttons,body .whats-on .has-buttons { +padding-bottom:4.153846em; +} + +.cms-edit .involved .has-buttons,.cms-edit .whats-on .has-buttons { +padding-bottom:7em; +} + +.buttons { +position:absolute; +bottom:0; +} + +.news .buttons,.cms-edit .buttons { +position:static; +} + +.small,.large,.report-apply-pay-links { +display:none; +} + +.medium,.report-apply-pay { +display:block; +} + +.section-nav,.top-tasks,.report-apply-pay { +overflow:hidden; +} + +.section-nav ul,.related .section { +float:left; +width:46.633415%; +margin:0 2.244389% 0 0; +} + +.rtl .section-nav ul,.rtl .related .section { +float:right; +} + +@media screen { +.text { +padding:.1px 2.244389% 0; +} + +.ie67 .text { +padding:0 2.244389%; +} +} |
