/* // copyright: Reading Room Manchester 2013 // Author: Mel Wood */ /*----------------------------------------------------------------------------------------------------------------------------------------------------- // ipad specific styles -----------------------------------------------------------------------------------------------------------------------------------------------------*/ body { width: 100%; min-width: 960px; } input { -webkit-border-radius:0; } /*----------------------------------------------------------------------------------------------------------------------------------------------------- // Global general styles -----------------------------------------------------------------------------------------------------------------------------------------------------*/ .forDesktop { display: block; } .contstraint { width: 960px; } /*----------------------------------------------------------------------------------------------------------------------------------------------------- // Header -----------------------------------------------------------------------------------------------------------------------------------------------------*/ #headerContainer { overflow: visible; } .ie7 #headerContainer { z-index: 700; } .logo-ccg { margin: 21px 0 0 15px; } .logo-nhs { float: right; margin: 26px 15px 0 0; } /* header login links */ .headerLinks { top: 28px; left: 116px; } .headerLinks li { float: left; margin: 0 30px 0 0; } .headerLinks li a { border-right: 1px solid #000; } .headerLinks li a:hover { text-decoration: undeline; } /* staff login */ .headerLinks li a.loginStaff span { padding: 0 33px 0 0; -webkit-transition: background-position 0.3s; -moz-transition: background-position 0.3s; -o-transition: background-position 0.3s; transition: background-position 0.3s; } .headerLinks li a.loginStaff:hover span { background-position: 94% 50%; -webkit-transition: background-position 0.3s; -moz-transition: background-position 0.3s; -o-transition: background-position 0.3s; transition: background-position 0.3s; } /* GP login */ .headerLinks li a.loginGP span { padding: 0 33px 0 0; -webkit-transition: background-position 0.3s; -moz-transition: background-position 0.3s; -o-transition: background-position 0.3s; transition: background-position 0.3s; } .headerLinks li a.loginGP:hover span { background-position: 94% 50%; -webkit-transition: background-position 0.3s; -moz-transition: background-position 0.3s; -o-transition: background-position 0.3s; transition: background-position 0.3s; } /*----------------------------------------------------------------------------------------------------------------------------------------------------- // Search Tools -----------------------------------------------------------------------------------------------------------------------------------------------------*/ #searchTools { position: absolute; bottom: -46px; left: 0; z-index: 600; margin: 0 10px; width: 920px; padding: 10px; background: rgb(113,114,114); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcxNzI3MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NTc1NzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(113,114,114,1) 0%, rgba(117,117,117,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(113,114,114,1)), color-stop(100%,rgba(117,117,117,1))); background: -webkit-linear-gradient(top, rgba(113,114,114,1) 0%,rgba(117,117,117,1) 100%); background: -o-linear-gradient(top, rgba(113,114,114,1) 0%,rgba(117,117,117,1) 100%); background: -ms-linear-gradient(top, rgba(113,114,114,1) 0%,rgba(117,117,117,1) 100%); background: linear-gradient(to bottom, rgba(113,114,114,1) 0%,rgba(117,117,117,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#717272', endColorstr='#757575',GradientType=0 ); } .ie7 #searchTools { bottom: -47px; } #searchTools label { color: #fff; float: left; line-height: 2em; padding: 0 20px 0 2px; } #searchTools label.hiddenLabel { display: none; } #searchTools input[type=text] { width: 615px; height: 17px; padding: 2px 2px 2px 9px; border: 1px solid #dcddde; } #searchTools input[type=submit] { height: 23px; padding: 0px 41px 0 0px; border-right: 1px solid #dcddde; border-top: 1px solid #dcddde; border-bottom: 1px solid #dcddde; border-left: 0; font-size: 0em; background: #fff url('/wp-content/themes/traffordWebsite/assets/images/design/icon-search.png') 0% 50% no-repeat; margin: 0 0 0 -1px; position: absolute; top: 0; right: 0; } .ie7 #searchTools input[type=submit] { top: 1px; right: 0px; line-height: 0; width: 40px; border: none; background: #fff url('/wp-content/themes/traffordWebsite/assets/images/design/icon-ie7-search.png') 0% 50% no-repeat; } /* .ie #searchTools input[type=submit] { right: 3px; } .ie #searchTools input[type=text] { width: 617px; } */ /* uniform overides */ #searchTools select { width: 179px; margin-left: 2px; } #searchTools div.selector { width: 171px !important; float: left !important; } #searchTools div.selector span { width: 147px !important; } #searchTools .searchWrapper { position: relative; width: 660px; float: left; margin: 2px 0 0 15px; } /*----------------------------------------------------------------------------------------------------------------------------------------------------- // Top main navigation -----------------------------------------------------------------------------------------------------------------------------------------------------*/ #topMainNav { margin: 25px 0 0 0; padding: 0; list-style-type: none; overflow: hidden; } #topMainNav li { float: left; display: inline; border-left: 1px solid #cccccc; } #topMainNav li:first-child { border-left: 0; } #topMainNav li a { display: block; color: #666; font-size: 1.2em; padding: 11px 20px 5px; text-transform: uppercase; font-weight: bold; } #topMainNav li a:hover { color: #0072bb; text-decoration: none; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } #topMainNav li:first-child a { padding: 0; width: 29px; height: 28px; overflow: hidden; position: relative; margin: 4px 15px 5px; } #topMainNav li:first-child a img { position: absolute; top: 0; left: 0; -webkit-transition: top 0.3s; -moz-transition: top 0.3s; -o-transition: top 0.3s; transition: top 0.3s; } #topMainNav li a.active { color: #0072bb; } #topMainNav li:first-child a:hover img { top: -29px; -webkit-transition: top 0.3s; -moz-transition: top 0.3s; -o-transition: top 0.3s; transition: top 0.3s; } #topMainNav li:first-child a.active img { top: -28px; } /*----------------------------------------------------------------------------------------------------------------------------------------------------- // Footer -----------------------------------------------------------------------------------------------------------------------------------------------------*/ #footerContainer { padding-bottom: 80px; } #footerLinks { margin: 30px 0 0 0; } .ie7 #footerLinks { width: 800px; } #footerLinks li { float: left; display: inline; margin: 0 15px 10px 0; line-height: 1.5em; } #footerLinks li img { padding: 0 0 0 10px; } /*----------------------------------------------------------------------------------------------------------------------------------------------------- // main content area -----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* background details */ #bottomGradientWrapper { background: url('/wp-content/themes/traffordWebsite/assets/images/design/content-gradient-bg.jpg') 0 100% repeat-x; border-top: 1px solid #b7b8b9; } #firstaidcontentWrapper { background: url('/wp-content/themes/traffordWebsite/assets/images/design/content-firstaid-bg.png') 50% 0 no-repeat; } #swooshWrapper { background: url('/wp-content/themes/traffordWebsite/assets/images/design/content-swoosh-bg.png') 50% 0 no-repeat; } /* page header */ #pagecontent h1.pageHeader { margin: 0 185px 25px 0; } /*----------------------------------------------------------------------------------------------------------------------------------------------------- // breadcrumb nav -----------------------------------------------------------------------------------------------------------------------------------------------------*/ #breadcrumbContainer { position: relative; overflow: hidden; margin: 92px 15px 40px; } #breadcrumbContainer p { display: inline-block; } #breadcrumb { margin: 0 0 0 10px; } #breadcrumb li { float: left; padding: 0 15px 0 0; background: url('/wp-content/themes/traffordWebsite/assets/images/design/arrow-grey-right.png') 100% 50% no-repeat; margin: 0 11px 0 0; } #breadcrumb li.last { background: 0; } #breadcrumb li a { display: block; } #breadcrumb li a:hover { color: #0265bc; } /*----------------------------------------------------------------------------------------------------------------------------------------------------- // aside nav -----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* general styling */ #asideNav { margin: 14px 0 0 0; padding: 0; position: relative; overflow: hidden; float: left; width: 200px; list-style-type: none; background: url('/wp-content/themes/traffordWebsite/assets/images/design/aside-bg.png') 0 0 no-repeat; } #asideNav > li { border-top: 1px solid #dcddde; } #asideNav > li:first-child { border-top: 0; } #asideNav li a { display: block; padding: 12px 20px; color: #666666; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } #asideNav li a:hover { text-decoration: none; color: #f0358c; -webkit-transition: color 0.4s; -moz-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } /* general children styling */ #asideNav ul { list-style-type: none; margin: 0; padding: 0; } /* specific child styling */ /* 3rd level */ #asideNav > li > ul > li > a { padding: 12px 20px 12px 40px; } /* 4th level */ #asideNav > li > ul > li > ul > li > a { padding: 12px 20px 12px 60px; color: #0066bc; background: url('/wp-content/themes/traffordWebsite/assets/images/design/sideNav-blueDash.png') 42px 17px no-repeat; } /* specific child active styling */ /* 2nd level */ #asideNav > li > a.active { color: #f0358c; } /* 3rd level */ #asideNav > li > ul > li > a.active { color: #f0358c; background: url('/wp-content/themes/traffordWebsite/assets/images/design/sideNav-pinkArrow.png') 24px 17px no-repeat; } /* 4th level */ #asideNav > li > ul > li > ul > li > a.active { color: #f0358c; background: url('/wp-content/themes/traffordWebsite/assets/images/design/sideNav-pinkArrow.png') 42px 15px no-repeat; } /* specific child :hover styling */ /* 3rd level */ #asideNav > li > ul > li > a:hover { background: url('/wp-content/themes/traffordWebsite/assets/images/design/sideNav-pinkDash.png') 24px 17px no-repeat; } /* 3rd level */ #asideNav > li > ul > li > a.active:hover { background: url('/wp-content/themes/traffordWebsite/assets/images/design/sideNav-pinkArrow.png') 24px 17px no-repeat; } /* 4th level */ #asideNav > li > ul > li > ul > li > a:hover { background: url('/wp-content/themes/traffordWebsite/assets/images/design/sideNav-pinkDash.png') 42px 17px no-repeat; } /* 4th level */ #asideNav > li > ul > li > ul > li > a.active:hover { background: url('/wp-content/themes/traffordWebsite/assets/images/design/sideNav-pinkArrow.png') 42px 15px no-repeat; } /* parent list border */ #asideNav { border-bottom: 1px solid #dcddde; } /* child list border */ #asideNav ul.child { } /* child list item border */ #asideNav ul.child > li { border-top: 1px solid #dcddde; } /*----------------------------------------------------------------------------------------------------------------------------------------------------- // content block styling -----------------------------------------------------------------------------------------------------------------------------------------------------*/ #pagecontent { margin: 0 25px; float: right; width: 710px; background: url('/wp-content/themes/traffordWebsite/assets/images/design/header-detail.png') 100% 0 no-repeat; } .oneThirdColumn { width: 29%; float: left; } #innerContentContainer { min-height: 450px; } /*----------------------------------------------------------------------------------------------------------------------------------------------------- // Homepage specific -----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* carousel */ /* set up*/ #carouselcontainer { position: relative; width: 100%; overflow: hidden; border-top: 1px solid #b7b8b9; height: 350px; padding: 0 0 55px 0; } #bottomGradientWrapper.homepage { border-top: 0; } .ie7 #bottomGradientWrapper.homepage { position: reliative; z-index: 500 !important; } #swooshWrapper.homepage, #firstaidcontentWrapper.homepage { background: 0; } .ie7 #swooshWrapper.homepage { background: url('/wp-content/themes/traffordWebsite/assets/images/design/content-gradient-bg.jpg') 0 100% repeat-x; } .carouselSwoosh { background: url('/wp-content/themes/traffordWebsite/assets/images/design/carousel-swoosh-bg.png') 50% 0 no-repeat; position: relative; top: -350px; z-index: 150; height: 303px; } #backgroundCarousel { width: 100%; height: 350px; position: relative; top: 0; z-index: 100; } #backgroundCarousel img { } #contentCarousel { width: 100%; position: relative; top: -653px; width: 100%; z-index: 200; } #contentCarousel .contentSlide { width: 960px; height: 350px; overflow: hidden; float: left; } /* navigation*/ #carouselNav { position: relative; top: -1003px; z-index: 300; } #carouselNav .nextSlide, #carouselNav .prevSlide { background-color: rgba(255, 255, 255, 0.5); display: block; height: 350px; width: 50%; top: 0; position: absolute; text-indent: -9999px; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } #carouselNav .nextSlide { right: -480px; } #carouselNav .prevSlide { left: -480px; } #carouselNav .nextSlide:hover, #carouselNav .prevSlide:hover { background-color: rgba(255, 255, 255, 0.8); -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } #carouselNav .nextSlide span, #carouselNav .prevSlide span { display: block; width: 48px ; height: 40px; position: absolute; top: 181px; } #carouselNav .nextSlide span { left: -60px; -webkit-transition: left 0.3s; -moz-transition: left 0.3s; -o-transition: left 0.3s; transition: left 0.3s; background: url('/wp-content/themes/traffordWebsite/assets/images/design/carousel-next.png') 0 0 no-repeat; } #carouselNav .prevSlide span { right: -60px; -webkit-transition: right 0.3s; -moz-transition: right 0.3s; -o-transition: right 0.3s; transition: right 0.3s; background: url('/wp-content/themes/traffordWebsite/assets/images/design/carousel-prev.png') 0 0 no-repeat; } #carouselNav .nextSlide:hover span { left: -70px; -webkit-transition: left 0.3s; -moz-transition: left 0.3s; -o-transition: left 0.3s; transition: left 0.3s; } #carouselNav .prevSlide:hover span { right: -70px; -webkit-transition: right 0.3s; -moz-transition: right 0.3s; -o-transition: right 0.3s; transition: right 0.3s; } .ie7 #carouselNav .nextSlide, .ie7 #carouselNav .prevSlide, .ie8 #carouselNav .nextSlide, .ie8 #carouselNav .prevSlide { background: url('/wp-content/themes/traffordWebsite/assets/images/design/carousel-ie7-ie8-nav-bg-off.png') 0 0 repeat; } .ie7 #carouselNav .nextSlide:hover, .ie7 #carouselNav .prevSlide:hover, .ie8 #carouselNav .nextSlide:hover, .ie8 #carouselNav .prevSlide:hover { background: url('/wp-content/themes/traffordWebsite/assets/images/design/carousel-ie7-ie8-nav-bg-on.png') 0 0 repeat; } /* pagination */ #carouselPagination { position: relative; top: -678px; z-index: 400; } #buttonContainer { position: relative; overflow: hidden; width: 278px; margin: 0 auto; } #buttonContainer a { width: 50px; height: 50px; position: relative; text-indent: -9999px; overflow: hidden; float: left; display: block; margin: 0 20px; } #buttonContainer a.pink { background: url('/wp-content/themes/traffordWebsite/assets/images/design/carousel-pager-off-01.png') 0 0 no-repeat; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; } #buttonContainer a.blue { background: url('/wp-content/themes/traffordWebsite/assets/images/design/carousel-pager-off-02.png') 0 0 no-repeat; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; } #buttonContainer a.green { background: url('/wp-content/themes/traffordWebsite/assets/images/design/carousel-pager-off-03.png') 0 0 no-repeat; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; } #buttonContainer a.pink:hover { background: url('/wp-content/themes/traffordWebsite/assets/images/design/carousel-pager-on-01.png') 0 0 no-repeat; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; } #buttonContainer a.blue:hover { background: url('/wp-content/themes/traffordWebsite/assets/images/design/carousel-pager-on-02.png') 0 0 no-repeat; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; } #buttonContainer a.green:hover { background: url('/wp-content/themes/traffordWebsite/assets/images/design/carousel-pager-on-03.png') 0 0 no-repeat; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; } #buttonContainer a.pink.selected { background: url('/wp-content/themes/traffordWebsite/assets/images/design/carousel-pager-on-01.png') 0 0 no-repeat; } #buttonContainer a.blue.selected { background: url('/wp-content/themes/traffordWebsite/assets/images/design/carousel-pager-on-02.png') 0 0 no-repeat; } #buttonContainer a.green.selected { background: url('/wp-content/themes/traffordWebsite/assets/images/design/carousel-pager-on-03.png') 0 0 no-repeat; } /* slide contents */ .slideIconContainer { width: 285px; height: 286px; float: left; margin: 54px 40px 0 70px; } .slideIconContainer img { } .slideContentContainer { float: left; width: 411px; margin: 80px 0 0 0; } .slideContentContainer h1 { font-size: 3em; margin: 0 0 20px 0; } .pink .slideContentContainer h1 { } .blue .slideContentContainer h1 { } .green .slideContentContainer h1 { } .slideContentContainer p { line-height: 1.6em; } .slideContentContainer a.ctaLink { } /* page content */ #homepageContent h1 { font-size: 1.6em; } #homepageContent h2 { font-size: 1.4em; } #homepageContent h3 { font-size: 1.2em; } #homepageContent h4 { font-size: 1.2em; } #homepageContent p { } #homepageContent img { } #homepageContent a { } #homepageContent a:hover { } #homepageContent ul { } #homepageContent ul > li { } #homepageContent ol { } #homepageContent ol > li { } #homepageContent ul.newsEventListing { } #homepageContent ul.newsEventListing li { } #homepageContent ul.newsEventListing li a { } #homepageContent ul.newsEventListing li a span { } /* find services form */ #findServices input[type=text] { width: 224px; } #findServices input[type=submit] { top: 12px; right: 30px; } .ie7 #findServices input[type=submit] { top: 13px; right: 3px; line-height: 0; height: 23px; width: 41px; border: none; background: #fff url('/wp-content/themes/traffordWebsite/assets/images/design/icon-search.png') 0% 50% no-repeat; } .ie #findServices input[type=submit] { right: 3px; } .ie #findServices input[type=text] { width: 237px; } .ie7 #findServices input[type=text] { height: 17px; } /* uniform overides */ #findServices select { width: 271px; } #findServices .div.selector { width: 264px !important; } #findServices div.selector span { width: 241px !important; } /*----------------------------------------------------------------------------------------------------------------------------------------------------- // membership listing styles -----------------------------------------------------------------------------------------------------------------------------------------------------*/ .memberProfile { margin: 10px 0; padding: 10px 0; } .memberProfile .profilePhotoContainer { width: 142px; margin-right: 20px; float: left; } .memberProfile .profileBio { width: 548px; } .memberProfile .profileBio h2 { font-size: 1.4em !important; font-weight: bold !important; } /*----------------------------------------------------------------------------------------------------------------------------------------------------- // general listing styles -----------------------------------------------------------------------------------------------------------------------------------------------------*/ #listingContainer { margin: 70px 0 30px; } .itemListGroup { } .listItem { margin: 10px 0; padding: 10px 0; } .listItem > a { overflow: hidden; position: relative; margin: 0 !important; } .listItem h2 { margin: 0 0 5px 0 !important; font-size: 1.6em !important; } .listItem p.date { } .listItem p.excerpt { } .listItem p.time { } .listItem p.location { } .listItem a.readMoreLink { margin: 0; } .listItem .listingImgContainer { } .listItem .listingImgContainer img { } .articleDate { margin: 15px 0; font-size: 1.2em; } .readMoreLink { } .readAllLink { } /*----------------------------------------------------------------------------------------------------------------------------------------------------- // New and Events listing styles -----------------------------------------------------------------------------------------------------------------------------------------------------*/ .newsAndEventsListing { width: 47%; float: left; } .middleColumn { margin-right: 6%; } .ie7 .middleColumn { margin-right: 5%; } .contentContainer { float: left; width: 213px; } .newsAndEventsListing .date { } .newsAndEventsListing h3 { } .newsAndEventsListing h3, .newsAndEventsListing .readMoreLink { } /*----------------------------------------------------------------------------------------------------------------------------------------------------- // membership listing styles -----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* page content styling */ /* side nav styling */ #asideNav.newHealthDeal li a:hover { color: #00a851; -webkit-transition: color 0.4s; -moz-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } /* specific child styling */ /* 4th level */ #asideNav.newHealthDeal > li > ul > li > ul > li > ul > li > a { color: #f79621; background: url('/wp-content/themes/traffordWebsite/assets/images/design/sideNav-orangeDash.png') 42px 17px no-repeat; } /* specific child active styling */ /* 2nd level */ #asideNav.newHealthDeal > li > ul > li > a.active { color: #00a851; } /* 3rd level */ #asideNav.newHealthDeal > li > ul > li > ul > li > a.active { color: #00a851; background: url('/wp-content/themes/traffordWebsite/assets/images/design/sideNav-greenArrow.png') 24px 17px no-repeat; } /* 4th level */ #asideNav.newHealthDeal > li > ul > li > ul > li > ul > li > a.active { color: #00a851; background: url('/wp-content/themes/traffordWebsite/assets/images/design/sideNav-greenArrow.png') 42px 15px no-repeat; } /* specific child :hover styling */ /* 3rd level */ #asideNav.newHealthDeal > li > ul > li > ul > li > a:hover { background: url('/wp-content/themes/traffordWebsite/assets/images/design/sideNav-greenDash.png') 24px 17px no-repeat; } /* 3rd level */ #asideNav.newHealthDeal > li > ul > li > ul > li > a.active:hover { background: url('/wp-content/themes/traffordWebsite/assets/images/design/sideNav-greenArrow.png') 24px 17px no-repeat; } /* 4th level */ #asideNav.newHealthDeal > li > ul > li > ul > li > ul > li > a:hover { background: url('/wp-content/themes/traffordWebsite/assets/images/design/sideNav-greenDash.png') 42px 17px no-repeat; } /* 4th level */ #asideNav.newHealthDeal > li > ul > li > ul > li > ul > li > a.active:hover { background: url('/wp-content/themes/traffordWebsite/assets/images/design/sideNav-greenArrow.png') 42px 15px no-repeat; } /*----------------------------------------------------------------------------------------------------------------------------------------------------- // Page content styling overides -----------------------------------------------------------------------------------------------------------------------------------------------------*/ #pagecontent h1 { font-size: 3.2em; margin: 0 0 25px 0; } #pagecontent h2 { font-size: 2em; margin: 30px 0 5px; padding: 0; } #pagecontent h3 { font-size: 1.6em; margin: 25px 0 5px 0; } #pagecontent h4 { font-size: 1.2em; } #pagecontent p { margin: 0 0 15px 0; } #pagecontent p a { } #pagecontent img { } #pagecontent a { } #pagecontent a:hover { } #pagecontent ul { } #pagecontent ul > li { } #pagecontent ul > li a { } #pagecontent ol { } #pagecontent ol > li { } #pagecontent ol > li a { } #pagecontent table { width: 80%; } #pagecontent table th { } #pagecontent table tr.odd { } #pagecontent table tr.even { } #pagecontent table td { } #pagecontent table td.left { width: 70%; } #pagecontent table td.right { width: 30%; } #pagecontent table tf { } #pagecontent img.alignright, #pagecontent img.alignleft, #pagecontent img.aligncenter { } #pagecontent img.alignright { } #pagecontent img.alignleft { } #pagecontent img.aligncenter { } #pagecontent table.alignright { } #pagecontent table.alignleft { } #pagecontent table.aligncenter { } #pagecontent form { padding: 30px; margin: 20px 0; } #pagecontent form label { } #pagecontent form select { width: 52%; padding: 4px; } #pagecontent form textarea { width: 98%; max-width: 98%; padding: 4px; } #pagecontent form input { } #pagecontent form input[type=text] { width: 50%; padding: 4px; } #pagecontent form input[type=submit] { padding: 10px 20px; } /*----------------------------------------------------------------------------------------------------------------------------------------------------- // search result page styling -----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* solr container and header */ #pagecontent.solr { margin: 110px 25px 0; } /* results listing */ #pagecontent.solr .solr_results { margin: 50px 0 0 0; } #pagecontent.solr .solr_results ol li { margin: 0 0 40px 0; } #pagecontent.solr .solr_results ol li h2 { font-size: 1.6em; } /*----------------------------------------------------------------------------------------------------------------------------------------------------- // Search blocks styles -----------------------------------------------------------------------------------------------------------------------------------------------------*/ #lsearch { float: left; } #rsearch { float: right; } /*----------------------------------------------------------------------------------------------------------------------------------------------------- // Poll plugin overides -----------------------------------------------------------------------------------------------------------------------------------------------------*/ #pagecontent .yop-poll-container { width: 50%; } /*----------------------------------------------------------------------------------------------------------------------------------------------------- // Override cformsII styles -----------------------------------------------------------------------------------------------------------------------------------------------------*/ #pagecontent form.cform { } #pagecontent form.cform input[type=text], #pagecontent form.cform select { float: left; } #pagecontent form.cform span.reqtxt, #pagecontent form.cform span.emailreqtxt { float: left; margin: 5px 0 0 5px; }