/* * BT Superfast CSS:Base Theme * ----------------------------------------------- */ /* BODY STYLES --------------------------------------*/ body, input, textarea { font-family:'Lato', Arial, Verdana, Helvetica, sans-serif; } body { background-color:#ffffff; color:#000000; } ul li { background-image:url(media/468749/themebulletimage.png); min-height:21px;} .listItem { background-image:url(media/468749/themebulletimage.png); } .highlight { color:#91c848; } .lightText { color:#666666; } /* FORMS --------------------------------------*/ input[type=text], input[type=password] { border:1px solid #f2f2f3; background:#f3f1f2; } input[type=submit], input[type=submit] { background-color:#98258f; background-image:url(media/468765/themeCallToActionImage.png); color:#ffffff; } input[type=text].error, input[type=password].error, input[type=text].serverError, input[type=password].serverError { border:1px solid #98258f; } input[type=submit][disabled] { background-color:#f3f1f2; } ::-webkit-input-placeholder { color:#000000; } :-moz-placeholder { color:#000000; } ::-moz-placeholder { color:#000000; } :-ms-input-placeholder { color:#000000; } .FormErrorMessages b { color:#98258f; } /******************************************************************************** ______________ _______ __ ___ _________________ /_ __/ ____/ |/ / __ \/ / / |/_ __/ ____/ ___/ / / / __/ / /|_/ / /_/ / / / /| | / / / __/ \__ \ / / / /___/ / / / ____/ /___/ ___ |/ / / /___ ___/ / /_/ /_____/_/ /_/_/ /_____/_/ |_/_/ /_____//____/ ********************************************************************************/ /* UI HELPERS --------------------------------------*/ .borderTop { border-top:1px solid #e7e3e3; } .borderBottom { border-bottom:1px solid #e7e3e3; } .mobBorderTop { border-top:1px solid #e7e3e3; } .mobBorderBottom { border-bottom:1px solid #e7e3e3; } /* ACTIONS --------------------------------------*/ a, a:visited { color:#98258f; } a.noDecoration { color:#000000; } a.neutral { color:black; } .link { background-image:url(media/468877/themeLinkImage.png); } .link.up { background-image:url(media/468909/themeLinkUpImage.png); color:#98258f; } .link.down { background-image:url(media/468853/themeLinkDownImage.png); color:#98258f; } .link.back { background-image:url(media/468813/themeLinkBackImage.png); color:#98258f; } .light, a.light, a.light:visited { color:#ffffff; } .link.light { background-image:url(media/468885/themeLinkLightImage.png); } .link.light.up { background-image:url(media/468917/themeLinkUpLightImage.png); color:#ffffff; } .link.light.down { background-image:url(media/468861/themeLinkDownLightImage.png); color:#ffffff; } .link.light.back { background-image:url(media/468821/themeLinkBackLightImage.png); color:#ffffff; } .dark, a.dark, a.dark:visited { color:#000000; } .link.dark { background-image:url(media/468837/themeLinkDarkImage.png); } .link.dark.up { background-image:url(media/468901/themeLinkUpDarkImage.png); color:#000000; } .link.dark.down { background-image:url(media/468845/themeLinkDownDarkImage.png); color:#000000; } .link.dark.back { background-image:url(media/468805/themeLinkBackDarkImage.png); color:#000000; } .link.close { background-image:url(media/468829/themeLinkCloseImage.png); color:#000000; } .link.tel { background-image:url(media/468893/themeLinkTelephoneImage.png); } .link.email { background-image:url(media/468869/themeLinkEmailImage.png); color:#98258f; } .bigLink { background-image:url(media/468709/themeBigLinkImage.png); color:#98258f; } .bigLink.back { background-image:url(media/468685/themeBigLinkBackImage.png); color:#98258f; } .bigLink.down { background-image:url(media/468693/themeBigLinkDownImage.png); color:#98258f; } .bigLink.up { background-image:url(media/468733/themeBigLinkUpImage.png); color:#98258f; } .bigLink.add { background-image:url(media/468677/themeBigLinkAddImage.png); color:#98258f; } .bigLink.remove { background-image:url(media/468725/themeBigLinkRemoveImage.png); color:#98258f; } .bigLink.external { background-image:url(media/468701/themeBigLinkExternalImage.png); color:#98258f; } .bigLink.rss { background-image: url(images/version2/theme_default/icons/themeBigLinkRssImage.png); color:#98258f; } .bigLink.light { background-image:url(media/468717/themeBigLinkInvertedImage.png); color:#FFFFFF; } .ctaBox { color:#ffffff; } .ctaBox span { background-color:#98258f; background-image:url(media/468765/themeCallToActionImage.png); color:#ffffff; } .ctaRow .label { color:#ffffff; } .ctaRow .wrapper { background-color:#81898f; } .actionContainer.top { border-bottom:1px solid #e7e3e3; } .actionContainer.bottom { border-top:1px solid #e7e3e3; } .download { background-image:url(media/468853/themeLinkDownImage.png); } /* UI ELEMENTS --------------------------------------*/ .solidBox { background-color:#f2f2f3; } .mobSolidBox { background-color:#f2f2f3; } .solidBox.inverted { background-color:#87898f; color:#ffffff; } .solidBox.light { background-color:#e7e3e3;; color:#000000; } /* HEADER --------------------------------------*/ #pageHeader { background-color:#00AAA0; color:#ffffff; } #logo a { background-image:url(media/614109/themelogoimage.png); } #logo.alt a { background-image:url(http://www.connectingcheshire.org.uk/v2CssThemeGlobal?id=8469&v=47); } /* PRIMARY NAV --------------------------------------*/ #primaryNav { background-color:#626367; } #primaryNav ul.menu { background-color:#626367; } #primaryNav ul.menu li.menuItem { background-color:#626367; background-image:none; } #primaryNav ul.menu li.menuItem a { border-bottom:1px solid #666; color:#FFFFFF; } #primaryNav ul.menu li.menuItem:hover { background-color:#000000; } #primaryNav ul.menu li.menuItem:hover a { color:#FFFFFF; } #primaryNav ul.menu li.menuItem.selected { background-image:none;background-color:#98258f; } #primaryNav ul.menu li.menuItem.selected a { color:#FFFFFF; } #navTrigger span { background-color:#98258f; color:#FFFFFF; } #navTrigger .arrow { border-top-color:#98258f; } /* MOBILE NAV --------------------------------------*/ #mobileNav ul.menu li.menuItem { background:#626367; } #mobileNav ul.menu li.menuItem a { border-bottom:1px solid #666; color:#FFFFFF; } #mobileNav ul.menu li.menuItem:hover { background:#000000; } #mobileNav ul.menu li.menuItem:hover a { color:#FFFFFF; } #mobileNav ul.menu li.menuItem.selected { background:#98258f; } #mobileNav ul.menu li.menuItem.selected a { color:#FFFFFF; } /* BLOCKQUOTE --------------------------------------*/ blockquote { color:#91c848; } /* RIBBONS --------------------------------------*/ .ribbon { background-image:url(media/468981/themeRibbonDefaultImage.png); } .ribbon.info { background-image:url(media/468997/themeRibbonInfoImage.png); } .ribbon.question { background-image:url(media/469013/themeRibbonQuestionImage.png); } .ribbon.check { background-image:url(media/468965/themeRibbonCheckImage.png); } .ribbon.cross { background-image:url(media/468973/themeRibbonCrossImage.png); } .ribbon.facebook { background-image:url(media/468989/themeRibbonFacebookImage.png); } .ribbon.youtube { background-image:url(media/469061/themeRibbonYouTubeImage.png); } .ribbon.twitter { background-image:url(media/469053/themeRibbonTwitterImage.png); } .ribbon.news { background-image:url(media/469005/themeRibbonNewsImage.png); } /* UL FACT LIST --------------------------------------*/ ul.factList li.listItem { background-color:#edeaea; color:#000000; } li.listItem .listNumber { background-image:url(media/468757/themeBulletNumberImage.png); color:#FFFFFF; } /* COOKIE MESSAGE --------------------------------------*/ #cookieMessage { background-color:#87898f; background-image:url(media/468789/themeCookieBackgroundImage.png); color:#ffffff; } #cookieMessage a:link, #cookieMessage a:visited { color:#ffffff; } /* CONTENT FILTER --------------------------------------*/ .topFilter { background-color:#626367;; } .topFilter .dk_container.odd { border-right:1px solid #e7e3e3; } .topFilter .dk_container { border-bottom:1px solid #e7e3e3; } .resetAllFilters { background-color:#626367; color:#ffffff; border-bottom:1px solid #e7e3e3; } .resetAllFilters:hover { background-color:#e7e3e3; color:black; } /* PAGINATION --------------------------------------*/ .showMoreButton { display:block; padding:20px; background-color:#626367; text-align:center; cursor:pointer} /******************************************************************************** __________ __ _______ ____ _ _________ _____________ / ____/ __ \/ |/ / __ \/ __ \/ | / / ____/ | / /_ __/ ___/ / / / / / / /|_/ / /_/ / / / / |/ / __/ / |/ / / / \__ \ / /___/ /_/ / / / / ____/ /_/ / /| / /___/ /| / / / ___/ / \____/\____/_/ /_/_/ \____/_/ |_/_____/_/ |_/ /_/ /____/ ********************************************************************************/ /* TABS --------------------------------------*/ .tabsNav .tabUl .tabLi span { background-color:#626367; color:#ffffff; } .tabsNav .tabUl .tabLi.selected span { background-color:#98258f; color:#f2f2f3; } .tabsNav .tabUl .tabLi:focus span, .tabsNav .tabUl .tabLi:hover span { background-color:#98258f; color:#f2f2f3; } /* TABS MENU -------------------------------------- */ .tabsMenu .tabUl .tabLi span{background-color:#626367; color:#ffffff;} .tabsMenu .tabUl .tabLi.selected span{background-color:#98258f; color:#f2f2f3;} .tabsMenu .tabUl .tabLi:focus span, .tabsMenu .tabUl .tabLi:hover span{background-color:#98258f; color:#f2f2f3;} /* ACCORDION --------------------------------------*/ .accordion.active .accordionItem .expandAction { background-image:url(media/468669/themeAccordionOpenMobileImage.png); color:#98258f; } .accordion.active .accordionItem.current .expandAction { background-image:url(media/468653/themeAccordionCloseMobileImage.png); } .accordion.active .accordionItem .expandAction .subtitle { color:#666666; } /* CAROUSEL --------------------------------------*/ .carousel.active .carouselBtn.right { background-image:url(media/468773/themeCarouselNextImage.png); } .carousel.active .carouselBtn.left { background-image:url(media/468781/themeCarouselPreviousImage.png); } .carouselArticle .header { border-bottom:1px solid #cccccc; } .carouselArticle .footer { border-top:1px solid #cccccc; } /* DROPKICK --------------------------------------*/ .dkDefault .dk_toggle span { background-image:url(media/468861/themeLinkDownLightImage.png); } .dkDefault.dk_open .dk_toggle span { background-image:url(media/468901/themeLinkUpDarkImage.png); } .dkDefault .dk_toggle { background-color:#626367; color:#ffffff; } .dkDefault.dk_disabled .dk_toggle {} .dkDefault.dk_open .dk_toggle { background-color:#f3f1f1; color:black; } .dkDefault .dk_options { background-color:#ffffff; -webkit-box-shadow:0 2px 4px #ccc; -moz-box-shadow:0 2px 4px #ccc; box-shadow:0 2px 4px #ccc; } .dkDefault .dk_options a { background-color:#ffffff; } .dkDefault .dk_options a:hover, .dkDefault .dk_option_current a { background-color:#f3f1f1; } .dkFlyOut .dk_toggle span { background-image:url(media/468861/themeLinkDownLightImage.png); } .dkFlyOut.dk_open .dk_toggle span { background-image:url(media/468901/themeLinkUpDarkImage.png); } .dkFlyOut .dk_toggle { background-color:#626367;; color:#ffffff; } .dkFlyOut.dk_disabled .dk_toggle { background-color:#766365; } .dkFlyOut.dk_open .dk_toggle { background-color:#ffffff; color:black; } .dkFlyOut .dk_options { background-color:#ffffff; -webkit-box-shadow:0 2px 4px #ccc; -moz-box-shadow:0 2px 4px #ccc; box-shadow:0 2px 4px #ccc; } .dkFlyOut .dk_options_inner { background-color:#ffffff; } .dkFlyOut .dk_options a, .dkFlyOut .dk_options a:link, .dkFlyOut .dk_options a:visited { color:#98258f;; background-color:#f3f1f1; } .dkFlyOut .dk_options a:hover { background-color:#e5e5e5; } /* FLYOUT --------------------------------------*/ .flyOutContent { background-color:#ffffff; } .flyOut .flyOutToggle { background-image:url(media/468853/themeLinkDownImage.png); color:#98258f; } .flyOut.open .flyOutToggle { background-image:url(media/468909/themeLinkUpImage.png); color:#98258f; } .flyOut.inverted .flyOutToggle { background-image:url(media/468861/themeLinkDownLightImage.png); color:#ffffff; } .flyOut.inverted.open .flyOutToggle { background-image:url(media/468917/themeLinkUpLightImage.png); color:#ffffff; } .flyOut.bigLinkFlyout .flyOutToggle { background-image:url(media/468693/themeBigLinkDownImage.png); color:#98258f; } .flyOut.bigLinkFlyout.open .flyOutToggle { background-image:url(media/468733/themeBigLinkUpImage.png); color:#98258f; } /******************************************************************************** __ _____ ______ __ _____________ / / / \ \/ / __ \/ / / /_ __/ ___/ / / / /| |\ / / / / / / / / / \__ \ / /___/ ___ |/ / /_/ / /_/ / / / ___/ / /_____/_/ |_/_/\____/\____/ /_/ /____/ ********************************************************************************/ .articleRow .articleRowItem { border-top:1px solid #e7e3e3; } .articleRow .firstArticleItem { border-top:0; } .twoColumnBoxLayout .boxItem .wrapper { border-bottom:1px solid #e7e3e3; } .twoColumnBoxLayout .boxItem.last.preLast .wrapper { border-bottom:1px solid #e7e3e3; } /******************************************************************************** ____ ______ _____ __ ______ __________ _________ ___________ / __ )_ __/ / ___// / / / __ \/ ____/ __ \/ ____/ | / ___/_ __/ / __ |/ / \__ \/ / / / /_/ / __/ / /_/ / /_ / /| | \__ \ / / / /_/ // / ___/ / /_/ / ____/ /___/ _, _/ __/ / ___ |___/ // / /_____//_/ /____/\____/_/ /_____/_/ |_/_/ /_/ |_/____//_/ ********************************************************************************/ /* TOP BANNER --------------------------------------*/ .homeBanner h1 b, .homeBanner h1 strong { color:#91c848; } #homeBannerPeople { height:80px; background-image:url(images/version2/theme_default/others/themeHomepagePeopleMobileImage.png); } #homeBannerAnim { height:260px; } /* PROVIDERS --------------------------------------*/ ul.btsfProvidersGrid li { border-bottom:1px solid #81898f; } .lineSuccess { color:#FFFFFF; } .lineError { color:#98258f; } /******************************************************************************** ____ __ _______ _____ __________________ _____ __ ______ ____ ____ ____ ______ / __ )/ / / / ___// _/ | / / ____/ ___/ ___/ / ___// / / / __ \/ __ \/ __ \/ __ \/_ __/ / __ / / / /\__ \ / // |/ / __/ \__ \\__ \ \__ \/ / / / /_/ / /_/ / / / / /_/ / / / / /_/ / /_/ /___/ // // /| / /___ ___/ /__/ / ___/ / /_/ / ____/ ____/ /_/ / _, _/ / / /_____/\____//____/___/_/ |_/_____//____/____/ /____/\____/_/ /_/ \____/_/ |_| /_/ ********************************************************************************/ /* BREADCRUMBS --------------------------------------*/ ul.breadcrumbs li { background-image:url(media/468837/themeLinkDarkImage.png); } /* DROPKICK --------------------------------------*/ .dkFlyOut .dk_options a.type_article { background-repeat:no-repeat; background-position:8px center; background-image:url(media/468941/themeResourceTypeArticleImage.png); padding-left:28px; } .dkFlyOut .dk_options a.type_audio { background-repeat:no-repeat; background-position:8px center; background-image:url(media/468949/themeResourceTypeAudioImage.png); padding-left:30px; } .dkFlyOut .dk_options a.type_slideshow { background-repeat:no-repeat; background-position:8px center; background-image:url(images/version2/theme_default/icons/themeResourceTypeSlideshowImage.png); padding-left:34px; } .dkFlyOut .dk_options a.type_video { background-repeat:no-repeat; background-position:8px center; background-image:url(media/468957/themeResourceTypeVideoImage.png); padding-left:34px; } /* RIBBONS --------------------------------------*/ .ribbon.article { background-image:url(media/469021/themeRibbonResourceArticleImage.png); } .ribbon.audio { background-image:url(media/469029/themeRibbonResourceAudioImage.png); } .ribbon.slideshow { background-image:url(media/469037/themeRibbonResourceSlideshowImage.png); } .ribbon.video { background-image:url(media/469045/themeRibbonResourceVideoImage.png); } /* LOGIN FLYOUT --------------------------------------*/ .loginFlyout { border-left:1px solid #98258f;; border-right:1px solid #98258f;; } .loginIcon { background-image:url(http://www.connectingcheshire.org.uk/images/version2/theme_default/icons/themeLoginImage.png); } /* COUNTDOWN --------------------------------------*/ .countDownItem { color:#FFFFFF;; border:1px solid #e7e3e3; background-color:#e7e3e3;; } .countDownItem .label { background-color:white; } /* EVENT ACCORDION --------------------------------------*/ .accordionButtonDateBlock { background-color:#f3f1f1; color:#877274; border-bottom:2px solid #e7e3e3; } .accordion.active .accordionItem .accordionButtonEventTitle { color:#000000; } .accordionButtonEventTitle .subtitle { color:#877274; } /* CHANGE DATE --------------------------------------*/ .dateOptionLabel { border:1px solid #e7e3e3; background-color:#f3f1f1; color:#98258f; } .dateOptionLabel span.time { background-color:#98258f; color:#ffffff; border-top:1px solid #e7e3e3; } .dateOptionLabel.checkedLabel { background-color:#98258f; color:#ffffff; background-image:url(images/version2/generic/forms/selected_date_label_texture.png); } .dateOptionLabel.checkedLabel span.time { background-color:transparent; color:#ffffff; }