/* @override https://cyclingengland.co.uk/site/wp-content/themes/cyclingengland/style.css */ /* Theme Name: Cycling England Theme v1 Theme URI: http://www.heardcreative.co.uk Description: Theme for the Cycling England website. Version: 1.0 Author: HEARD Creative Author URI: http://www.heardcreative.co.uk/ Tags: cyclingengland The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ /* Import base to reset some element styles */ @import "_css/_base.css"; @import "_css/milkbox/milkbox.css"; /* Generic */ p { font-size:1.2em; } label { font-size:1.2em; } a { color:#ff0062; } a:hover { text-decoration:none; } #content ul { list-style:disc; padding-left:2em; } #content ol { list-style:decimal; padding-left:2em; } #content ul li, #content ol li { font-size:1.2em; } div.entry img, div.post img { margin:0 10px 10px 0; float:left; } .clear { clear:both; } #thebody .admin a { padding:0 3px; background:#000; color:#ff0062; text-decoration:none; } #thebody .admin a:hover { color:#fff; } #thebody .subtle { color:#aaa; } /* The following generic styles are also in plugins/tinymce-advanced/css/tadv-mce.css Any changes made here should also be made there. */ .intro_text { color:#ff0062; font-weight:bold; } .heading3_black { color:#000; } .heading3_pink { color:#ff0062; } .heading3_pink_with_border { color:#ff0062; border-top:1px dotted #ccc; padding-top:10px; } .img_align_left { margin:0 10px 10px 0; float:left; } .img_align_right { margin:0 0 10px 10px; float:right; } /* Hide */ #sitelinks h3, #mainnav h3 { display:none; } /* Structure */ body { font-family:Arial; } #access { width:0pt; height:0pt; overflow:hidden; } #page { width:920px; padding-bottom:5em; } #maincontent { width:100%; margin-top:6em; float:left; position:relative; } /* Header */ #header { width:100%; float:left; position:relative; } h1 { background:url(images/site/cycling.england.logo.png) left no-repeat; text-indent:-9999px; float:left; } h1 a { width:200px; height:10em; display:block; } #header p.title { width:417px; height:28px; background:url(images/site/title.png) no-repeat; text-indent:-9999px; position:absolute; top:30px; right:0px; } /* Nav */ #mainnav { width:100%; height:4.6em; font-size:1em; position:absolute; top:10em; left:0em; background:#d0d0d0 url(images/site/nav.bg.gif) bottom repeat-x; } #mainnav ul { width:92em; height:4em; margin:0 auto; background:url(images/site/nav.item.border.gif) right repeat-y; text-align:center; } #mainnav li { height:4em; line-height:4em; background:url(images/site/nav.item.border.gif) left repeat-y; float:left; } #mainnav li a { font-size:1.1em; display:block; padding:0 13px; color:#555; text-decoration:none; } #mainnav li.current_page_parent a, #mainnav li.current_page_item a, #mainnav li.current_page_ancestor a, #mainnav li a:hover { color:#ff0062; } /* Left Sidebar (subnav etc) */ #sidebarleft { width:160px; position:absolute; top:0px; left:0px; } #subnav { margin-bottom:20px; padding:10px 15px; background:#eee; } #subnav h3 { color:#ff0062; font-size:1.1em; } #subnav ul { margin:10px 0 0 0px; } #subnav li { line-height:2em; } #subnav ul a { color:#555; padding-left:10px; background:url(images/site/icon.arrow.subnav.gif) left 0.6em no-repeat; font-size:1.1em; display:block; text-decoration:none; } #subnav li.current_page_item a, #subnav ul a:hover, #subnav li.current_page_item ul a:hover{ color:#ff0062; } #subnav ul ul { margin:5px 0 5px 10px; } #subnav ul ul li { line-height:1.2em; } #subnav ul ul a, #subnav li.current_page_item ul a{ background:none; border-left:1px solid #ccc; color:#555; } #sidebarleft div.box { width:100%; margin-bottom:20px; background:#eee; float:left; } #sidebarleft div.box h3 { padding:5px 10px; font-size:1.2em; color:#fff; background:#a4a4a4; } #sidebarleft div.box p { padding:0 10px; font-size:1.1em; } #sidebarleft div.box a { color:#555; } #sidebarleft div.box a { color:#555; } #sidebarleft div.blog { padding-bottom:1em; } #sidebarleft div.blog h3 { background:#ff0062; } #sidebarleft div.blog h4 { margin:1em 10px; font-size:1.1em; color:#555; } #sidebarleft div.blog ul ul { padding:0 0 0 20px; } #sidebarleft div.blog li li { font-size:1.1em; } #sidebarleft div.bikeability, #sidebarleft div.cyclingcity { min-height:90px; padding-left:65px; margin-bottom:20px; float:left; position:relative; } #sidebarleft div.bikeability h3, #sidebarleft div.cyclingcity h3 { font-size:1.4em; color:#9dd400; } #sidebarleft div.bikeability p, #sidebarleft div.cyclingcity p { margin:0; font-size:1em; } #sidebarleft div.bikeability a, #sidebarleft div.cyclingcity a { color:#ff0062; text-decoration:underline; } #sidebarleft div.bikeability a:hover, #sidebarleft div.cyclingcity a:hover { text-decoration:none; } #sidebarleft div.bikeability img, #sidebarleft div.cyclingcity img { position:absolute; top:0px; left:0px; } /* Right Sidebar (Search, latest news) */ #sidebarright { width:200px; padding-left:15px; float:right; background:url(images/site/border.v.gif) left repeat-y; } #sidebarright h3 { padding:5px 10px; background:#ff0062; font-size:1.5em; color:#fff; } #sidebarright p { color:#555; } #sidebarright div.box { width:100%; margin-bottom:20px; float:left; } #searchform { margin-top:10px; } #sidebarright div.latestnews { background:#eee; } #sidebarright div.snippet { margin:10px; border-bottom:1px dotted #999; } #sidebarright div.snippet h4 { font-size:1.1em; text-transform:uppercase; } #sidebarright div.snippet h4 a { color:#03559f; } #sidebarright a.more { margin-left:5px; padding-left:8px; background:url(images/site/icon.arrow.gif) left no-repeat; color:#666; } #sidebarright a.more:hover { text-decoration:none; } #sidebarright p.postdate { text-align:right; font-size:1em; color:#888; } #sidebarright p.morenews { margin:15px 1em; text-align:right; } #sidebarright input.text { border-style:solid; border-color:#999 #ddd #ddd #999; font-size:1.1em; } #sidebarright input.submit { padding:0 5px; font-size:1.1em; } #sidebarright em { font-weight:bold; font-style:normal; } /* Site Links */ #sitelinks { position:absolute; top:10px; right:0px; } #sitelinks li { margin-left:10px; padding-left:8px; background:url(images/site/icon.arrow.gif) left no-repeat; float:left; color:#aaa; line-height:1.5em; } #sitelinks a { color:#aaa; } #sitelinks li.current_page_item a, #sitelinks a:hover { color:#ff0062; text-decoration:none; } #textsizelinks a { padding-left:0; background:none; } #textsizelinks a.textsize2 { font-size:1.25em; } #textsizelinks a.textsize3 { font-size:1.5em; } /* Footer */ #footer { width:100%; float:left; } #footer div { width:920px; height:1.2em; margin:0 auto; text-align:right; color:#777; background:url(images/site/border.h.gif) top repeat-x; } #footer p { margin:0; padding:10px 0; float:left; } #footer p.copyright { float:right; } /* Content */ #content { width:520px; margin-left:175px; float:left; display:inline; } #maincontent div.landingpage { width:530px; } /* Compensate for drop shadows! */ #content h2 { font-size:1.8em; color:#ff0062; } #content h3 { font-size:1.4em; } #content input { font-size:1.1em; } /* Latest Documents */ #content div.latestdocs h2 { width:100%; padding:5px 0px; font-size:1.2em; text-indent:10px; color:#fff; background:#ff0062; float:left; } #content ul.latestdocs { width:100%; margin:10px 0; padding:0; float:left; list-style:none; } ul.latestdocs li { margin:5px; padding-left:30px; font-size:1.2em; color:#666; } ul.latestdocs li.application_pdf { background:url(images/site/icon.pdf.png) no-repeat left; } ul.latestdocs li.application_msword { background:url(images/site/icon.doc.png) no-repeat left; } ul.latestdocs li.text_plain { background:url(images/site/icon.text.png) no-repeat left; } /* Landing Pages */ div.landingpage { float:left; } /*div.page20 div.intro { height:160px; padding:0 0 10px 265px; background:url(images/landingpages/home/intro.jpg) no-repeat; }*/ div.page2 div.intro { height:160px; padding:0 0 10px 265px; background:url(images/landingpages/encouraging_cycling/intro.jpg) no-repeat; } div.page9 div.intro { height:160px; padding:0 0 10px 265px; background:url(images/landingpages/engineering_and_planning/intro.jpg) no-repeat; } div.intro { margin:0 10px 10px 0; border-bottom:2px dotted #ccc; } #content div.intro h2 { color:#ff0062; } div.landingsection { width:255px; padding:0 10px 10px 0; float:left; background:#fafafa url(images/site/content.bg.gif) bottom right no-repeat; position:relative; } div.landingsection h2 { height:150px; margin-bottom:1em; text-indent:-9999px; background-repeat:no-repeat; display:block; overflow:hidden; font-size:1em;} #content div.landingsection h3 { font-size:1.2em; font-weight:bold; } div.landingsection h3 { color:#ff0062; padding: 0 10px; } div.landingsection p { padding:0 10px; } div.landingsection a { text-decoration:none; } div.landingsection.landing44 a h3 span { color:#000; } div.landingsection.landing42 a p { color:#000; } div.landingsection.landing282 a p { color:#000; } span.topright { width:10px; height:5px; background:url(images/site/content.bg.top.gif) no-repeat; position:absolute; top:0px; right:0px; } /* Pink box */ div.landing45, div.landing281 { background-color:#a4a4a4; } /* Blue box */ div.landing43, div.landing314 { background-color:#006ba6; } div.landing43 h3, div.landing43 p, div.landing43 a, div.landing45 h3, div.landing45 p, div.landing45 a, div.landing314 h3, div.landing314 p, div.landing314 a, div.landing281 h3, div.landing281 p, div.landing281 a { color:#fff; } /* H2 background images */ div.landing282 h2 { background-image:url(images/landingpages/home/1.jpg); } div.landing281 h2 { background-image:url(images/landingpages/home/2.jpg); } div.landing314 h2 { height:0px; } div.landing42 h2 { height:0px; } div.landing43 h2 { height:166px; background-image:url(images/landingpages/home/3.jpg); } div.landing44 h2 { height:166px; background-image:url(images/landingpages/home/4.jpg); } div.landing45 h2 { height:166px; background-image:url(images/landingpages/home/5.jpg); } div.landing28 h2 { height:166px; background-image:url(images/landingpages/encouraging_cycling/1.jpg); } div.landing29 h2 { height:166px; background-image:url(images/landingpages/encouraging_cycling/2.jpg); } div.landing30 h2 { height:166px; background-image:url(images/landingpages/encouraging_cycling/3.jpg); } div.landing31 h2 { height:166px; background-image:url(images/landingpages/encouraging_cycling/4.jpg); } div.landing310 h2 { height:166px; background-image:url(images/landingpages/encouraging_cycling/5.jpg); } div.landing311 h2 { height:166px; background-image:url(images/landingpages/encouraging_cycling/6.jpg); } div.landing32 h2 { height:166px; background-image:url(images/landingpages/engineering_and_planning/1.jpg); } div.landing33 h2 { height:166px; background-image:url(images/landingpages/engineering_and_planning/2.jpg); } div.landing34 h2 { height:166px; background-image:url(images/landingpages/engineering_and_planning/3.jpg); } div.landing35 h2 { height:166px; background-image:url(images/landingpages/engineering_and_planning/4.jpg); } div.landing313 h2 { height:166px; background-image:url(images/landingpages/engineering_and_planning/6.jpg); } div.landing312 h2 { height:166px; background-image:url(images/landingpages/engineering_and_planning/5.jpg); } div.landing28, div.landing29, div.landing30, div.landing31, div.landing32, div.landing33, div.landing34, div.landing35, div.landing310, div.landing311, div.landing312, div.landing313 { width:166px; } div.landing43, div.landing44, div.landing45 { height: 325px; width:166px; } div.landing314 { height:160px; } div.landing42 { height:160px; } /* Cycling Towns Map */ #content ul.map { list-style:none; width:500px; height:620px; background:url(images/map/land.jpg) no-repeat; position:relative; } ul.map li { width:83px; height:43px; background:url(images/map/icon.png) no-repeat; position:absolute; font-size:1.1em; } ul.map li a { font-weight:bold; text-decoration:none; color:#444; position:relative; left:23px; top:31px; } ul.map li a:hover { color:#ff0062; } /* Aylesbury */ ul.map li.page-item-46 { left:315px; top:390px; z-index:11; } /* Blackpool */ ul.map li.page-item-49 { left:185px; top:190px; z-index:10; } /* Brighton */ ul.map li.page-item-47 { left:370px; top:495px; } /* Bristol */ ul.map li.page-item-48 { left:205px; top:430px; } /* Cambridge */ ul.map li.page-item-50 { left:390px; top:350px; } /* Chester */ ul.map li.page-item-51 { left:180px; top:235px; } /* Colchester */ ul.map li.page-item-52 { left:430px; top:380px; } /* Darlington */ ul.map li.page-item-53 { left:275px; top:95px; } /* Derby */ ul.map li.page-item-54 { left:280px; top:270px; } /* Exeter */ ul.map li.page-item-55 { left:145px; top:505px; } /* Lancaster */ ul.map li.page-item-56 { left:190px; top:150px; } /* Leighton-Linslade */ ul.map li.page-item-57 { left:330px; top:380px; } /* Shrewsbury */ ul.map li.page-item-58 { left:195px; top:305px; } /* Southend */ ul.map li.page-item-59 { left:425px; top:415px; } /* Southport */ ul.map li.page-item-60 { left:175px; top:175px; } /* Stoke-on-Trent */ ul.map li.page-item-61 { left:235px; top:265px; } /* Woking */ ul.map li.page-item-62 { left:340px; top:445px; } /* York */ ul.map li.page-item-63 { left:295px; top:185px; } /* Aylesbury */ ul.map li.page-item-46 a { left:-50px; } /* Cambridge */ ul.map li.page-item-50 a { left:28px; top:8px; } /* Chester */ ul.map li.page-item-51 a { left:-38px; } /* Lancaster */ ul.map li.page-item-56 a { left:30px; top:10px; } /* Southport */ ul.map li.page-item-60 a { left:-55px; } /* Stoke-on-Trent */ ul.map li.page-item-61 a { top:20px; left:-80px; } /* Sitemap */ #content ul.sitemap { list-style:none; padding:0; } ul.sitemap li { font-size:1em; line-height:1.6em; } ul.sitemap a { color:#555; text-decoration:none; padding-left:10px; background:url(images/site/icon.arrow.gif) left no-repeat; } ul.sitemap a:hover { color:#ff0062; } #content ul.sitemap ul { list-style:none; padding:0; margin:5px 10px; border-left:1px solid #ddd; } #content ul.sitemap ul li { font-size:1em; } ul.sitemap ul a { background:none; } /* Document Map */ div.doc_map a { display:block; padding-left:25px; margin-left:10px; } div.doc_map ul.sitemap li { line-height:2em; } div.doc_map li span { padding-left:10px; background:url(images/site/icon.arrow.gif) left no-repeat; } div.doc_map li.application_pdf a{ background:url(images/site/icon.pdf.png) no-repeat left; } div.doc_map li.application_msword a{ background:url(images/site/icon.doc.png) no-repeat left; } div.doc_map li.text_plain a { background:url(images/site/icon.text.png) no-repeat left; } /* News */ div.blog h2 { margin-bottom:1em; } div.blog div.post { padding:2em 0 1em 0; border-top:1px solid #ddd; } p.postmetadata { color:#999; font-size:1.1em; } p.postmetadata a { color:#777; } p.date { margin-top:0; color:#999; font-size:1.1em; } /* Gallery Index */ #content div.collections h2 { color:#fff; background:#ff0062; font-size:1.2em; padding:5px 10px; margin-bottom:1em; } #content div.collections h3 { font-size:1.2em; } div.collections div.album { margin:0 20px; padding:0 0 0 100px; min-height:90px; } div.collections div.album p { margin:0 0 1em 0; } div.collections a.showmore { font-size:1.2em; font-weight:bold; display:block; text-indent:120px; margin:0 0 20px 0; outline:none; } div.gallery268 { background:url(images/galleryindex/17.jpg) no-repeat; } div.gallery265 { background:url(images/galleryindex/14.jpg) no-repeat; } div.gallery266 { background:url(images/galleryindex/15.jpg) no-repeat; } div.gallery267 { background:url(images/galleryindex/16.jpg) no-repeat; } div.gallery131 { background:url(images/galleryindex/5.jpg) no-repeat; } div.gallery250 { background:url(images/galleryindex/0.jpg) no-repeat; } div.gallery251 { background:url(images/galleryindex/9.jpg) no-repeat; } div.gallery252 { background:url(images/galleryindex/10.jpg) no-repeat; } div.gallery257 { background:url(images/galleryindex/1.jpg) no-repeat; } div.gallery255 { background:url(images/galleryindex/2.jpg) no-repeat; } div.gallery256 { background:url(images/galleryindex/3.jpg) no-repeat; } div.gallery230 { background:url(images/galleryindex/4.jpg) no-repeat; } div.gallery260 { background:url(images/galleryindex/6.jpg) no-repeat; } div.gallery254 { background:url(images/galleryindex/7.jpg) no-repeat; } div.gallery262 { background:url(images/galleryindex/8.jpg) no-repeat; } div.gallery229 { background:url(images/galleryindex/11.jpg) no-repeat; } div.gallery258 { background:url(images/galleryindex/12.jpg) no-repeat; } div.gallery259 { background:url(images/galleryindex/13.jpg) no-repeat; } div.gallery269 { background:url(images/galleryindex/0.jpg) no-repeat; } /* Gallery Album */ div.viewphotos div.latestdocs { width:245px; min-height:150px; margin:8px 10px 0 0; float:right; } div.singlealbum { width:100%; float:left; } div.singlealbum div.photo { margin:0 0 15px 0; width:128px; float:left; height: 155px; } div.singlealbum div.photo p { margin:0; padding:0 10px; text-align:center; } div.singlealbum div.photo img.thumb { width:90px; border:10px solid #fff; } div.singlealbum div.photo a.thumblink { margin:8px; border:1px solid #eee; float:left; } div.singlealbum div.photo a.thumblink:hover { border-color:#bbb; } /* Milkbox for gallery */ #mbDescription { padding-top:5px; } #mbDescription h3 { font-size:1.2em; color:#ff0062; font-weight:bold; } #mbDescription p { font-size:1.2em; color:#222; margin:0; } /* Who We Are Partner List */ #content ul.partners { list-style:none; } div.who-we-are ul.partners li { width:24.9%; float:left; } /* Changed from 24% to 24.9% */ div.who-we-are ul.partners a { display:block; height:55px; text-indent:-9999px; } div.who-we-are li.ctsb a { background-image:url(images/partnerlogos/ctsb.gif); width:100px; } div.who-we-are li.britishcycling a { background-image:url(images/partnerlogos/british_cycling.gif); width:85px; } div.who-we-are li.dft a { background-image:url(images/partnerlogos/department_for_transport.gif); width:70px; } div.who-we-are li.ctc a { background-image:url(images/partnerlogos/ctc.gif); width:35px; } div.who-we-are li.dfes a { background-image:url(images/partnerlogos/education_and_skills.gif); width:130px; } div.who-we-are li.rospa a { background-image:url(images/partnerlogos/rospa.gif); width:50px;} div.who-we-are li.sustrans a { background-image:url(images/partnerlogos/sustrans.gif); width:80px; } div.who-we-are li.larsoa a { background-image:url(images/partnerlogos/larsoa.gif); width:85px; } /* TEASER ON THE FRONT */ /* ADDED 14.10.08 */ #introteaser { width: 520px; height: 160px; background: #fff url(images/misc/intro-background3.gif) no-repeat; } #textnav { width:159px; float: left;} #textnav a { background: #ff0062 url(images/misc/intro-list3.gif); height: 38px !important; width: 158px; float: left; display: block; color: #fff; text-align:center; font: 1.2em helvetica,arial,sans-serif; text-decoration:none; } #textnav a.activeSlide { background-position: 0 -38px; color: #222; text-decoration:none; pointer: arrow; } #textnav a span { display:block; padding: 10px; text-align:left; } /* SLIDESHOW */ #slideshow { margin-left: 15px; float: left; } #slideshow div { margin: 10px 0 0 0; padding: 0 10px 0 170px; width: 150px; height: 140px; float: left; position:relative;} #slideshow div h3 { color: #ff0062; margin: 0 0 3px 0; } #slideshow div p { margin: 5px 0; } /* ADJUST THESE IMAGE LINKS ACCORDINGLY */ #slideshow #intro1 { background: #fff url(images/misc/photo1.jpg) no-repeat; } #slideshow #intro2 { background: #fff url(images/misc/photo2.jpg) no-repeat; } #slideshow #intro3 { background: #fff url(images/misc/photo3.jpg) no-repeat; } #slideshow #intro4 { background: #fff url(images/misc/photo4.jpg) no-repeat; }