/* NSPCC * green.css * Colour-scheme styles for pale green 'What we do' section * Date: 11-07-2006 * v.1.0 */ /* WARNING: some classes will be different when compared to other colour stylesheets DO NOT assume all colour.css files are the same */ h2, h3, .secondary-heroes .col h3, .publications-listing #central-col h3 a, #left-nav dl#current-section dt a, #mast-head-promos .promo a, #central-col p.quotation, #hub #central-col #related-topics h4, #central-col h2.step {color:#7ba327;} /* SJS Removed #central-col .form-block p input, #central-col .form-block select, #central-col .form-block textarea {border:solid 1px #9c9e59;} */ #mast-head h2 {background: url(../img/green/hd_what-we-do.gif) 0 26px no-repeat;} #central-col #related-topics {border-top:solid 3px #e3f0c8;} #related-topics .col-right {border-left:solid 1px #e3f0c8;} ul.faq-question-list {border-bottom:solid 1px #e3f0c8;} #central-col .form-block, #central-col .form-block li {background:#e3f0c8;} /* SJS Added */ #central-col .form-block fieldset legend {color: #000000; font-weight: bold;} /* HEADER GRAPHIC for help and advice hub-page */ .head-bg .bg-img {position:absolute; margin:-198px 0 0 280px; width:226px; height:283px; background:url(../img/green/bg_what_we_do.gif) no-repeat;} body.prominent-mast #mast-head-promos {background:#fff url(../img/green/bghl_promo.gif) repeat-y bottom center;} body.prominent-mast .head-bg .bg-img {background:url(../img/green/bg_what_we_do_2.gif) no-repeat;} #primary-hero span {background:url(../img/green/bghl_primary_hero_left.gif) no-repeat left;} #primary-hero span a {background:url(../img/green/bghl_primary_hero_right.gif) no-repeat right;} #central-col .secondary-heroes .spacer {border-left:solid 1px #d7e3be;} #central-col .secondary-heroes li a {background:url(../img/green/bghl_hero.gif) no-repeat;} /* WHAT WE DO HUB-PAGE ADAPTIONS of existing hub-page ids and classes */ body#hub #central-col .secondary-heroes {color:#545454; font-size:140%;} #hub #central-col .secondary-heroes .inflow-fl {padding:14px 10px 10px 0;} #hub #central-col .secondary-heroes .inflow-fr {padding:14px 0 14px 10px;} /* MEDIA CENTRE ADAPTATIONS */ body.media-centre #mast-head h2 {width:354px; background: url(../img/green/hd_media-centre.gif) 0 26px no-repeat;} body.media-centre #central-col h3 {color:#7ba327;} #central-col h2.secondary-title {color:#545454; font-size:190%; margin:0 0 30px 0; padding-right:10px; line-height:110%;} body#article .secondary-heroes {background:url(../img/green/bg_3col_divider.gif) repeat-y;} body#article .secondary-heroes .col {width:163px; margin-bottom:-14px; float:left;} #article .secondary-heroes .col img {margin:0 0 8px 0;} #article .secondary-heroes .spacer {width:21px; border:none; float:left;} #article .secondary-heroes .col h3 {width:163px; padding:0; margin-top:-4px; margin-bottom:10px;} #article .secondary-heroes .col h4 {margin-bottom:-3px;} #article .secondary-heroes .col p {margin-bottom:5px; padding:0; line-height:130%;} #article .secondary-heroes .col h4 a {font-weight:bold;} #article .secondary-heroes .col a {font-weight:normal;} #article .secondary-heroes .col .vspacer {margin:0 0 14px 0;} #central-col #related-topics {margin:30px 0px 9px 0; border-bottom:none;} #central-col #related-topics {width:100%; line-height:100%; float:none;} #central-col #related-topics h3 {font-weight:normal; color:#333; margin-bottom:12px;} #central-col #related-topics p {line-height:110%;} #related-topics .col-left {width:340px; margin-top:18px; float:left;} #related-topics .col-right {width:174px; margin-top:18px; float:right;} #related-topics .col-right h3, #related-topics .col-right p, #related-topics form {padding:0 0 0 10px;} #related-topics form select {width:130px; margin:5px 0 0 0;} #related-topics form input.go-submit {vertical-align:bottom;} body#article .tertiary-heroes {width:360px; margin:5px 0 0 0;} body#article .tertiary-heroes p { padding:0; margin:0;} /* END MEDIA CENTRE ADAPTATIONS */ #primary-hero {background:url(../img/green/h2_promo_sides.gif) repeat-y;} #primary-hero .top {background:url(../img/green/h2_promo_top.gif) no-repeat; height:20px; line-height:20px;} #primary-hero .btm {background:url(../img/green/h2_promo_btm.gif) no-repeat left bottom; height:27px; line-height:27px; margin-top:-13px;} /* HIGHLIGHTED LINKS e.g. "donate now" */ /* various shared backgrounds styling for highlighter-pen-striped links */ #central-col #primary-hero span {background:url(../img/green/bg_hl_left.gif) no-repeat left;} #central-col #primary-hero span a {background:url(../img/green/bg_hl_right.gif) no-repeat right;} /* SB: Added two new contexts above for the marker pen link in what we do */ /* PROMOTIONS - GREEN */ /* CSS change Date: 31-10-2006 Jamie O'Connor Reason: below 3 styles need removed as promo showing incorrect text and colour on work for us page. Styles will now inherit from global.css which is correct */ /* general action-list promo - width 348px */ /* #central-col .action-list {background:url(../img/green/inflowpromo_action.gif) repeat-y;} #central-col .action-list h3 {background:url(../img/green/inflowpromo_action_top.gif) no-repeat;} #central-col .action-list .btm {background:url(../img/green/inflowpromo_action_btm.gif) no-repeat left bottom;} */ /* AR 04/04/2007 Added special formatting for primary hero action list */ #central-col #primary-hero .action-list {background:url(../img/inflowpromo_action_hub.gif) repeat-y;} #central-col #primary-hero .action-list h3 {background:url(../img/inflowpromo_action_hub_top.gif) no-repeat; margin-bottom:4px;} #central-col #primary-hero .action-list ul {color:#1c4aa6;} #central-col #primary-hero .action-list .btm {background:url(../img/inflowpromo_action_hub_btm.gif) no-repeat left bottom;} /* end css change */ /* general action-list promo - width 165px */ #central-col .key-fact {background:url(../img/green/inflowpromo_key.gif) repeat-y;} #central-col .key-fact h3 {background:url(../img/green/inflowpromo_raising.gif) no-repeat; height:92px;} #central-col .key-fact .btm {background:url(../img/green/inflowpromo_key_btm.gif) no-repeat left bottom;} #central-col .key-fact-education h3 {background:url(../img/green/inflowpromo_changingAttitudes.gif) no-repeat; height:128px;} #central-col .key-fact-campaigning h3 {background:url(../img/green/inflowpromo_changingLaw.gif) no-repeat; height:88px;} #central-col .key-fact-services h3 {background:url(../img/green/inflowpromo_supporting.gif) no-repeat; height:128px;} #central-col .key-facts {min-height: 350px; margin-top:-15px; margin-bottom:44px; background:url(../img/green/star_jump_boy.gif) 176px 7px no-repeat;} #central-col .key-facts .key-fact {} #central-col .key-facts .key-fact-campaigning {position:relative; left:50px; top:-12px; float:left;} #central-col .key-facts .key-fact-education {position:relative; left:-30px; top:16px; float:right;} #central-col .key-facts .key-fact-services {position:relative; left:10px; float:left;} #central-col .key-facts .default {position:relative; left:10px; top:29px; float:right;} /* Start Jamie O'Connor - new styles for news feed pages - 20/03/2007 */ #central-col .key-facts .key-fact-takeAction {position:relative; left:-30px; top:16px; float:right;} #central-col .key-fact-takeAction h3 {background:url(../img/green/inflowpromo_takeAction.gif) no-repeat; height:40px;} #central-col .key-fact-takeAction p { font-weight:bold; margin:0 5px 5px 0; } /* End Jamie O'Connor - new styles for news feed pages - 20/03/2007 */ .what-we-do #central-col h3 {color:#333} #central-col .time-line {margin:0 0 3px 0; background: url(../img/green/selected_year.gif) #a4c955 no-repeat; list-style:none; font-size: 120%; padding:15px 0 15px 20px;} #central-col .selected-2006 { background-position: 410px 2px;} #central-col .time-line li {float:left ; width:50px; color:#fff} #central-col .time-line li a {color:#fff; text-decoration:none; font-weight:normal;} #central-col .time-line li a:hover, #central-col .time-line a:active {text-decoration:underline;} #central-col .selector {display:block ; margin-left:423px} #central-col .panel { background:#d6ebaa;padding:8px 0 8px 29px ; margin-bottom:100px;} #central-col .panel img { display:block; float:left; } #central-col .panel p {float:left ; width:348px;margin:0;padding-left:18px} /* PUBLICATIONS LISTING PAGE */ .publications-listing #central-col h3.event-date {width:265px; float:left;} .publications-listing #central-col form.event-calendar {width:165px; float:right;} .publications-listing #central-col form select {margin:5px 0 0 0; width:130px;} .publications-listing #central-col form input.go-submit {vertical-align:bottom; margin:0 0 0 5px;} .publications-listing #central-col .event-module {margin-top:20px; padding:30px 0 0 0; border-top:1px solid #d7e3be;} .publications-listing #central-col .event-module h3 {margin:0; padding:0; width:350px;} .publications-listing #central-col .event-module p {padding:0; margin:10px 0 2px 0;width:348px;} .publications-listing #central-col .event-module .col-left {float:left; width:368px;} .publications-listing #central-col .event-module .col-right {float:left; width:163px;} .publications-listing #central-col .event-module a {font-weight:normal;} .publications-listing #central-col .search-content-inpage {margin:20px 0 0 0;} /* END PUBLICATIONS LISTING PAGE */ /* MEDIA CENTRE PAGE */ .media-centre #central-col #related-topics {margin:20px 0px 9px 0; border-bottom:none;} .media-centre #related-topics .col-left {width:340px; margin-top:10px; float:left;} .media-centre #related-topics .col-right {width:174px; margin-top:10px; float:right;} /* END MEDIA CENTRE PAGE */