/*** Style Enhancements for Advanced Browser ***/ /*** Dan Chapman, May 2010 ***/ dl.tabContent { -moz-border-radius-topright: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; } #mainContent .pageNav a, .xmlButton, .podcastButton, a.podcastButton { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } a.az {border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;} #pageContainer #header h1 a:hover, #pageContainer #mainContent a.itunes:hover {opacity: .85; } #pageContainer #header h1 a:active {position: relative; top: 1px; opacity: 1;} #pageContainer #mainContent #trans_slide ul li, #mainContent .phonebook, #mainContent .smartsearch, #mainContent .lightgreyContent h1, #mainContent .lightgreyContent h3, #mainContent .lightblueContent h2, #mainContent .darkblueContent h3, #mainContent .linkContent h3, #mainContent .lightblueContent, #mainContent .linkContent, #mainContent .darkblueContent, #mainContent .blueContent, #mainContent .lightgreyContent, #mainContent .tagContent, #mainContent .contentbox, #mainContent .pressContent, .contentbox .related, #mainContent.homepage ul li, .refine, #pageContainer.askri #mainContent #splashHeader, #pageContainer.edemocracy #mainContent #splashHeader, .identity, .identity img, iframe, #shareContainer, #header input#search, .primary, #pageContainer #mainContent .pagination a.previous, #pageContainer #mainContent .pagination a.next, #mainContent .pageNav .backButton a, #mainContent .pageNav .nextButton a { border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; } a.bigbutton, a.uservoice {border-radius: 10px; border-radius: 4px; -moz-border-radius: 10px; -webkit-border-radius: 10px;} #mainContent input[type="text"], #mainContent textarea {border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #mainContent .lightblueContent, #mainContent .linkContent, #mainContent .darkblueContent, #mainContent .tagContent, #mainContent .pressContent, #topNav, #mainContent .linkblock, #mainContent .quickLinks, #mainContent .lightgreyContent, #shareContainer, #mainContent.homepage ul li.toppicks, #mainContent.homepage ul li.topnews, #mainContent.homepage ul li.alerts, #mainContent.homepage ul li.calendar, #mainContent.homepage ul li.onlineservices, #mainContent.homepage ul li.communitygroups, #mainContent.homepage ul li.highlights, #mainContent.homepage ul li.news, #mainContent.homepage ul li.green, #mainContent.homepage ul li.transparency, #mainContent.homepage ul li.leadstory, #mainContent.homepage ul li.media, #mainContent.homepage ul li.services, #mainContent.homepage ul li.local, #mainContent.homepage ul li#tabBox dl.tabContent, #rightRail .content, #rightRail h1, #rightRail .accordion h3, #rightRail .accordion .expandcontent { box-shadow: 2px 2px 2px rgba(0,0,0,.1); -moz-box-shadow: 2px 2px 2px rgba(0,0,0,.1); -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.1); } #pageContainer.guide .blueContent { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: 3px; } #mainContent .results .open a, #mainContent .results .close a {-moz-border-radius: 3px; -webkit-border-radius: 3px;} #mainContent .tabNav a.selected {-moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;} #mainContent .tabNav a{ -webkit-border-top-left-radius: 4px 4px; -webkit-border-top-right-radius: 4px 4px; -moz-border-radius-topleft: 4px 4px; -moz-border-radius-topright: 4px 4px; } #mainContent .buttons button {border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; } .sliderboxNav div.progress_box div, .accordion h3 a, #pageFooter a:hover, #weatherContainer a, #mainContent.homepage ul li.communitygroups a, #mainContent.homepage ul li.green a, #pageContainer #mainContent.homepage ul li.highlights ul li a, .results dd.tags a, .sharelist, #mainContent.homepage ul li.onlineservices ul li a, #mainContent.homepage ul li.topnews a, #pageContainer #mainContent ul.cdcticker li p a, #pageContainer #topNav .hoveredShareBox .sharelist ul li a:hover, .sortLink a { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #mainContent .sliderboxNav a.next {-moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; } #mainContent .sliderboxNav a.prev {-moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px;} #pageContainer.homepage h2 {border-radius: .3em; -webkit-border-radius: .3em; -moz-border-radius: .3em;} #mainContent.homepage ul li.green a {background: rgba(255,255,255,.8);} #mainContent.homepage ul li.communitygroups a {background-color: rgba(0,0,0,.1);} #pageContainer #mainContent.homepage ul li.highlights ul li a {background-color: rgba(0,0,0,.1); } #pageContainer #mainContent.homepage ul li.highlights ul li a:hover {background-color: rgba(0,0,0,.2);} #mainContent.homepage ul li.onlineservices a:hover {background-color: rgba(0,0,0,.3);} a.feedback {box-shadow: 0 0 4px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 4px rgba(0,0,0,.4); -moz-box-shadow: 0 0 4px rgba(0,0,0,.4); -webkit-border-radius: none; -moz-border-radius: none;} #pageContainer.home #mainNav li.home a, #pageContainer.home #mainNav li.home a:hover, #pageContainer.services #mainNav li.services a, #pageContainer.services #mainNav li.services a:hover, #pageContainer.guide #mainNav li.home a, #pageContainer.guide #mainNav li.home a:hover, #pageContainer.government #mainNav li.government a, #pageContainer.government #mainNav li.government a:hover, #pageContainer.resident #mainNav li.resident a, #pageContainer.resident #mainNav li.resident a:hover, #pageContainer.business #mainNav li.business a, #pageContainer.business #mainNav li.business a:hover, #pageContainer.visit #mainNav li.visit a, #pageContainer.visit #mainNav li.visit a:hover, #pageContainer.towns #mainNav li.towns a, #pageContainer.towns #mainNav li.towns a:hover, #pageContainer.information #mainNav li.information a, #pageContainer.information #mainNav li.information a:hover, #pageContainer.help #mainNav li.help a, #pageContainer.help #mainNav li.help a:hover, #mainNav a.navSelected, #mainNav a.navSelected:hover { -webkit-border-top-left-radius: .5em; -webkit-border-bottom-left-radius: .5em; -moz-border-radius-topleft: .5em; -moz-border-radius-bottomleft: .5em; } #pageContainer.home li.widget.other .expandcontent .contentbox {border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;} #pageContainer.homepage #mainContent .accordion .expandcontent ul li.photographs:hover {opacity: .9;} #pageContainer.home #mainContent ul li ul.cdcticker li h3 {text-shadow: 0 0 5px rgba(0,0,0,.4);} a.feedback:hover {opacity: .85; padding-right:4px;} #pageContainer #mainContent .cdcTickerControls div {background: rgba(143,211,227,.6);} #pageContainer #mainContent .cdcTickerControls div a:hover {background: rgba(143,211,227,.3);} #pageContainer #mainContent .cdcTickerControls div.selected a {background: rgba(143,211,227,1) url(/img/headline/headlinearrow.gif) 1% 50% no-repeat;} #pageContainer #mainContent .cdcTickerControls div:first-child {-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;} #pageContainer #mainContent .cdcTickerControls div:last-child {-webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px;} #pageContainer.home #mainContent ul.cdcticker li p {border-top: 1px solid rgba(255,255,255,.2); text-shadow: 0 0 5px rgba(0,0,0,.4); } #pageContainer #mainContent ul.cdcticker li p a:hover {background: rgba(255,255,255,.2);} #header form {background: rgba(25,75,128,.1); border: 2px solid rgba(255,255,255,.6); border-radius: .5em; -webkit-border-radius: .5em; -moz-border-radius: .5em;} #header button#gobutton { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2); -moz-box-shadow: 0 0 5px rgba(0,0,0,.2); box-shadow: 0 0 5px rgba(0,0,0,.2);} input#search:focus {box-shadow: 0 0 6px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 6px rgba(0,0,0,.2); -moz-box-shadow: 0 0 6px rgba(0,0,0,.2);} .widgets {border-radius: .5em; -webkit-border-radius: .5em; -moz-border-radius: .5em; background: rgba(255,255,255,.2);} #topNav {background: rgba(25,75,137,.7) url(/img/backgrounds/gloss.png) 0 50% repeat-x;} #pageContainer #topNav .helplinks a:hover {background: rgba(25,75,137,.5);} #mainContent.homepage ul li.topnews a span, #mainContent.homepage ul li.topnews a:hover, #mainContent.homepage ul li.topnews.alert a:hover {opacity: .9;} #pageContainer.home ul li ul li:last-child, #pageContainer.home ul li ul li a.last {border-bottom: none;} #mainNav { -webkit-border-top-left-radius: 8px; -moz-border-radius-topleft: 8px; } #pageContainer #rightRail .sidebarContent h1, #pageContainer #rightRail #mediaCentral h1 { -moz-border-radius-topright: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; } #rightRail .sidebarContent .content { -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; } #wrapper2 {-webkit-border-top-left-radius: 8px; -moz-border-radius-topleft: 8px;} #pageContainer #mainContent .linkblock .results dl{ -moz-border-radius: none; -webkit-border-radius: none; } /*** RGBa Color values ***/ #weatherContainer a {background-color: rgba(0,0,0,.1);} #mainContent.homepage ul li.communitygroups a:hover {background-color: rgba(0,0,0,.2);} #pageContainer div#shareContainer {background-color: rgba(36,143,181,.9);} #pageContainer #topNav .hoveredShareBox .sharelist ul li a:hover {background-color: rgba(0,58,103,.5);} #mainContent .sliderboxNav a{background-color: rgba(0,0,0,.5); } #mainContent.homepage ul li.onlineservices ul li a {background-color: rgba(0,0,0,.1);} #mainContent .sliderboxNav a:hover {background-color: rgba(0,0,0,.2)} .sliderboxNav div.progress_box div {background-color: rgba(0,0,0,.1);} #mainContent .sliderboxNav div.sliderboxNavMain a.active_icon {background-color: rgba(0,0,0,.7); } #pageContainer #mainContent #trans_slide ul li {background: rgba(18,73,113,.2);} /*** Fancy Schmancy Webkit Transitions ***/ #header form button {-webkit-transition: background-color .3s linear;} a, #mainNav a, #mainContent .linkblock a, .results dt a {-webkit-transition: color .2s linear;} #pageFooter a:hover {background-color: rgba(25,75,128,.5); color: rgba(255,255,255,.85); } #pageFooter a, #mainContent .linkblock a {-webkit-transition: background-color .3s linear;} #rightRail a.az {-webkit-transition: background-color .2s linear;}