/* NSPCC * purple.css * Colour-scheme styles for purple 'Want advice?' 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, #left-nav dl#current-section dt a, #mast-head-promos .promo a, #central-col p.quotation, #central-col .secondary-heroes h3, #article #central-col #primary-hero h3, #hub #central-col .highlighter-border h3, #hub #central-col #related-topics h4, #central-col h2.step, #central-col .hub-row h2 {color:#7e3e98;} /* SJS Removed #central-col .form-block p input, #central-col .form-block select, #central-col .form-block textarea {border:solid 1px #8d639f;} */ #central-col .hub-row {border-bottom:solid 1px #ccd2f4;} #mast-head h2 {width:354px; background: url(../img/purple/hd_help_and_advice.gif) 0 26px no-repeat;} #central-col #related-topics {border-top:solid 3px #f2e9f5;} #related-topics .col-right {border-left:solid 1px #f2e9f5;} ul.faq-question-list {border-bottom:solid 1px #f2e9f5;} #central-col .form-block, #central-col .form-block li {background:#f2e9f5;} /* 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 248px; width:184px; height:283px; background:url(../img/purple/bg_help_and_advice.gif) no-repeat;} body.prominent-mast #mast-head-promos {background:#fff url(../img/purple/bghl_promo.gif) repeat-y bottom center;} body.prominent-mast .head-bg .bg-img {background:url(../img/purple/bg_help_and_advice_2.gif) no-repeat;} #primary-hero span {background:url(../img/purple/bghl_primary_hero_left.gif) no-repeat left;} #primary-hero span a {background:url(../img/purple/bghl_primary_hero_right.gif) no-repeat right;} /* HELP AND ADVICE HUB-PAGE ADAPTIONS of existing hub-page ids and classes */ body#hub #primary-hero {background:url(../img/purple/h2_promo_sides.gif) repeat-y;} #hub #primary-hero .top {background:url(../img/purple/h2_promo_top.gif) no-repeat;} #hub #primary-hero .btm {background:url(../img/purple/h2_promo_btm.gif) no-repeat left bottom;} body#hub #central-col .secondary-heroes {} #hub #central-col .secondary-heroes ul {margin:1px 0 18px 0;} #hub #central-col .secondary-heroes li, #hub #central-col .secondary-heroes li a {display:inline;} #hub #central-col .secondary-heroes li a {padding-right:10px;} #hub .secondary-heroes {background:url(../img/img_help_advice_hub.jpg) right bottom no-repeat;} #hub .secondary-heroes .col {width:335px; min-height:310px; float:none;} #hub .secondary-heroes .col p {color:#545454; font-size:140%; margin:-4px 0 0 0;} #hub .col .secondary-heroes .col h3 {font-size:140%;} /* YOUR FAMILY LOWER-HUB-PAGE/ARTICLE ADAPTIONS */ body.your-family #central-col h2 {color:#545454; font-size:180%;} body.your-family #central-col h2 img.magazine-title {position:relative; left:-17px; margin-bottom:12px;display:block;} body#article #primary-hero {width:368px;} #article #primary-hero .copy {min-height:212px; background:url(../img/purple/dotted_line.gif) bottom repeat-x;} #article #primary-hero h3 {font-weight:bold;} #article #primary-hero p {color:#545454; font-size:140%; line-height:120%;padding:0 174px 0 0; margin:0 0 2px 0;} #article #primary-hero ul {position:relative; left:-23px; list-style-type:none; font-size:140%; padding:0 184px 36px 0;} #article #primary-hero li {display:block; padding:0; background:none;} #article #primary-hero li a {display:block; background:url(../img/purple/bghl_hero.gif) no-repeat; color:#000; font-weight:bold; padding-left:10px; line-height:130%;} #article .roundel {position:absolute; margin:155px 0 0 0; padding-left:360px;} body#article .secondary-heroes {position:relative; top:-5px; margin:0 0 25px 0;} #article .secondary-heroes h2 {margin:0 0 16px 0;} #article .secondary-heroes .spacer {width:20px;float:left;} #article .secondary-heroes .col {width:164px;float:left;} #article .secondary-heroes .col h3, #article .secondary-heroes .col p {padding:0;} #article .secondary-heroes .col p.link {margin-top:4px;} #article .secondary-heroes .col-dividers {background:url(../img/purple/bg_3col_divider_dots.gif) center repeat-y;} #article .tertiary-heroes {margin-bottom:3px;} #article .tertiary-heroes .col-img {width:172px; text-align:right; float:left;} #article .tertiary-heroes .col {width:348px; margin-top:15px; float:right;} #article .tertiary-heroes .col p {padding:0;} /* Farzad 4 June 07 - for take action */ /* general action-list promo - width 165px */ #central-col .key-fact {background:url(../img/purple/inflowpromo_key.gif) repeat-y;} #central-col .key-fact h3 {background:url(../img/purple/inflowpromo_raising.gif) no-repeat; height:92px;} #central-col .key-fact .btm {background:url(../img/purple/inflowpromo_key_btm.gif) no-repeat left bottom;} /* Farzad 4 June 07 - for take action */ /* Farzad 4 June 07 - new styles for news feed pages */ #central-col .key-facts .key-fact-takeAction {position:relative; left:-30px; top:16px; float:right;} #central-col .key-fact-takeAction h3 {background:url(../img/purple/inflowpromo_takeAction.gif) no-repeat; height:40px;} #central-col .key-fact-takeAction p { font-weight:bold; margin:0 5px 5px 0; } /* Farzad 4 June 07 - new styles for news feed pages */ /* HIGHLIGHTED LINKS e.g. "donate now" */ /* various shared backgrounds styling for highlighter-pen-striped links */ /* PROMOTIONS - PURPLE */ /* HIGHLIGHTER-PEN BORDER - WIDTH 163PX */ #central-col .hub-row li, #central-col .secondary-heroes li {background:url(../img/purple/bg_hl_left.gif) no-repeat left;} #central-col .hub-row li a, #central-col .secondary-heroes li a {background:url(../img/purple/bg_hl_right.gif) no-repeat right;} /* general action-list promo - width 348px */ #central-col .action-list {background:url(../img/purple/inflowpromo_action.gif) repeat-y;} #central-col .action-list h3 {background:url(../img/purple/inflowpromo_action_top.gif) no-repeat;} #central-col .action-list .btm {background:url(../img/purple/inflowpromo_action_btm.gif) no-repeat left bottom;}