/********************************** P A G E S DOCUMENT CREATED 04/01/2011 This css is to be used to target and style specific pages or sets. Please always add comments to include creation/modification date and start-end indications. **********************************/ /* ---------- What we do MAPS ---------- */ /* Double map check also ieFixes*/ #mainContent #leftBigColumn .double2.smap { background-image:url(/siteImages/world_map.gif); background-repeat:no-repeat; } /* ---------- Rollover effect ---------- */ img.image{ display: none; } dl#Map{ margin: 0; padding: 0; width: 373px; position: relative; } dd{ margin: 0; padding: 0; position: absolute; font-size: 10px; } /* ---------- Hotspot Declarations check IEfixes ---------- */ dd#africaDef{ top: 39px; left: 104px;} dd#africaDef a{ position: absolute; width: 106px; height: 126px; text-decoration: none;} dd#africaDef a span{ display: none; } dd#africaDef a:hover{ background: transparent url(/siteImages/world_map.gif) -119px -270px no-repeat;} dd#africaDef a:hover span{ display: block; text-indent: 0; vertical-align: top; color: #666; position: absolute; bottom: 100%; margin: 0; padding: 0px 0px 2px 0px; width: 100%; } dd#americaDef{ top: 43px; left: -10px;} dd#americaDef a{ position: absolute; width: 92px; height: 118px; text-decoration: none;} dd#americaDef a span{ display: none; } dd#americaDef a:hover{ background: transparent url(/siteImages/world_map.gif) -5px -274px no-repeat;} dd#americaDef a:hover span{ display: block; text-indent: 0; vertical-align: top; color: #666; position: absolute; bottom: 100%; margin: 0; padding: 0px 0px 2px 0px; width: 110%; } dd#middleeastDef{ top: 13px; left: 169px; } dd#middleeastDef a{ position: absolute; width: 50px; height: 36px; text-decoration: none; } dd#middleeastDef a span{ display: none; } dd#middleeastDef a:hover{ background: transparent url(/siteImages/world_map.gif) -184px -465px no-repeat; } dd#middleeastDef a:hover span{ display: block; text-indent: 0; vertical-align: top; color: #666; position: absolute; top: 100%; margin: 0; padding: 2px 0px 0px 0px; width: 120%; } dd#asiaDef{ top: -2px; left: 227px; } dd#asiaDef a{ position: absolute; width: 128px; height: 121px; text-decoration: none; } dd#asiaDef a span{ display: none; } dd#asiaDef a:hover{ background: transparent url(/siteImages/world_map.gif) -242px -229px no-repeat; } dd#asiaDef a:hover span{ display: block; text-indent: 0; vertical-align: top; color: #666; position: absolute; top: 100%; margin: 0; padding: 2px 0px 0px 0px; width: 100%; } /* 4x map check also IE fixes */ #mainContent #leftBigColumn .bigmap { width:373px !important; min-height:423px; padding: 0; margin: 0pt 20px 0 0; float: right; } .bigmap img { margin-bottom: -3px; } /* FactFile pages check IE fixes */ .flag { padding-left: 42px; } .flag, x:-moz-any-link, x:default { padding-left: 20px; } /* END OF what we do MAPS..... */ /* SEO friendly JUMP MENU */ #rollovermenu { padding:0; width:156px; height:18px; border:1px solid #333; border-color: #333; background-color:#333; } #rollovermenu, #rollovermenu ul { /* all lists */ padding: 0; margin: 0; list-style: none; } #rollovermenu ul{ border:1px solid #333333; border-color: #7F7F7F; background-color:#f7f3f3; width:158px; padding-bottom:7px; } #rollovermenu ul a:link, #rollovermenu a:visited { display: block; border:none; text-decoration: underline; padding: 0 10px 0 12px; height:15px; } #rollovermenu ul a:hover, #current a{ /* background:#D6C089; */ color:#333333; text-decoration: none; } /* all list items */ #rollovermenu li { position: relative; text-align: left; cursor: default; padding: 0 5px 0 10px; margin:3px; color:#333; font-size:1em; font-weight: normal; } /* second-level lists */ #rollovermenu li ul { position: absolute; border:1px solid #333333; border-color: #7F7F7F; background-color:#EDEBE9; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ } /* lists nested under hovered list items */ #rollovermenu li:hover ul, #rollovermenu li.sfhover ul { left:-17px; top:16px; } li#invite { text-align:left; font-size:1em; margin: 2px 0 0px 15px; padding:0; color:#FEFEFE; height:16px; font-weight: bold; z-index:500; } /* END OF SEO friendly JUMP MENU */ /* NETS created 03/2010 */ .netsDonate { min-height:210px !important; height:210px; background:url("/Images/nets_donate_top.gif") no-repeat scroll left bottom #EDEBE9; } .netsDonate p, .netsDonate h2 { padding:10px 10px 0 10px; width:400px;} .netsDonate p { line-height: 1.5em;} .netsDonate input { left:435px; position:absolute; top:45px; z-index:10; background-image:url("/Images/btnNetsDonate.gif"); background-position:right center; background-color: #FFFFFF; border:0 none; color:#FFFFFF; cursor:pointer; font-weight:bold; width:98px; height:35px; overflow:visible; padding-bottom:3px; padding-left:15px; padding-right:15px; } .netsDonate.light input { background-color: #EDEBE9; } .netsDonate.sofar { min-height:82px !important; height:82px!important; background:url("/Images/nets_donate_bottom.gif") no-repeat scroll left bottom transparent; } .netsDonate.sofar h2 { height:20px; padding: 7px 10px 0pt; margin-bottom: 4px; } .sofar #leftNum { float: left; width: 200px; padding-left: 52px; } .sofar #rightNum { float: left; padding-left: 17px; width: 160px; } .sofar #leftNum h3, .sofar #rightNum h3 { margin: 0; font-size: 2em; padding: 0;} .sofar #leftNum p, .sofar #rightNum p { padding: 0;} /* END */ /* Lent 2011 - created 21/12/2010 - last modified 04/01/2011 */ .lentT3 { background:url("http://www.christianaid.org.uk/Images/lent2012_landing.gif") no-repeat scroll -15px 539px transparent; } .lentT5 { background:url("http://www.christianaid.org.uk/Images/lent2012_t5.gif") no-repeat scroll left bottom transparent; } .lentT5 .pager { display:none; } .lentT5 #centreColumn {background-color:none;} /* END of Lent */ /* Homepage takeover CAweeK 2010 donation in center column and bespoke rightColumn COMMENTED OUT #homepageDonateCentre {width:313px; padding: 13px 11px 10px 11px; margin-bottom: 10px; background-color: #EDEBE9; } #homepageDonateCentre h2 {font-size:1.2em; border-left:7px solid #FF0000; padding-left: 5px; } .bottomLink-breaksit { padding-top:10px; } .bottomLink-breaksit p { margin-top: 3px; font-weight:bold; } .bottomLink-breaksit p, .bottomLink-breaksit input, .bottomLink-breaksit select { float: left; margin-right: 7px; } .oneColumn p {padding:8px; margin:0; } .oneColumn .floatRight { margin-bottom:5px; } .oneColumn .clear { background-image:url(/siteImages/homepage_leftclip_bottom_grey.gif); background-position:center bottom; background-repeat:no-repeat; height:17px !important; margin:0 !important; width:160px !important; } #LHSignup { height:60px; } END OF PAT Homepage takeover */ /* Wales logo for welsh pages */ .wales div#logo a {background:transparent url(http://www.christianaid.org.uk/images/welsh_logo.gif) no-repeat scroll left top; height:128px; width:215px; z-index:100; } .wales #header_none a {background: url("http://www.christianaid.org.uk/images/welsh_logo.gif") no-repeat scroll center top #FFFFFF;} /* END OF Wales logo for welsh pages */ /* Harvest 2012 - created 12/06/2012 - last modified 12/06/2012 */ .harvestT3 { background:url("http://www.christianaid.org.uk/Images/harvestT5_2012.gif") no-repeat scroll 2px 505px transparent; } .harvestT5 { background:url("http://www.christianaid.org.uk/Images/harvestT5_2012.gif") no-repeat scroll left bottom transparent; } .harvestT5 .pager { display:none; } /* END of Harvest */ /* END OF pages stylesheet */