/************************************************/ /* scambs_web.css */ /* Use for website and ActiveEdit */ /************************************************/ /***********************************************/ /* HTML tag styles */ /***********************************************/ html { margin: 0px 10px; background: #E3E3CB; border-left: #999 solid 1px; border-right: #999 solid 1px; } /*added an extra pixel to make sure the background lines are seen in all browsers, especialy Opera*/ body { margin: 0px; color: #333; padding: 0px; min-height: 100%; background: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; } * html body { margin: 0px 10px; border-left: #999 solid 1px; border-right: #999 solid 1px; height: 100%; } a { color: #336699; text-decoration: none; } a:link{ color: #336699; text-decoration: none; } a:visited{ color: #336699; text-decoration: none; } a:hover{ color: #666; text-decoration: underline; } a:active, a:focus { color: #fff; background: #660000; } form { margin: 0px; } h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; color: #003366; text-transform: uppercase; font-weight: bold; letter-spacing: 0.1em; } h2{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.2em; font-weight: bold; color: #006699; } h3{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.1em; color: #003366; } h4{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1em; color: #000000; } ul li { list-style-type: disc; font-size: 1em; } ol li { list-style-type: decimal; } img { border: 0px; } th { color: #000000; text-align: left; } /* Structured Pages Styles */ #menupanel span.year { font-size: 1.2em; } #centrepanel table.listings { border: 1px solid #006699; width: 100%; } #centrepanel th { color: #003366; text-align: left; border-bottom: 1px solid #006699; } #centrepanel th.day { width: 40px; } #centrepanel th.date { width: 100px; } #centrepanel th.type { width: 60px; } .lefttop { text-align: left; vertical-align:top; } /*** Search Result Styles***/ table.searchresults td { text-align: left; vertical-align: top; } tr.resultrow td { background: #eee; } tr.result td { padding-bottom: 20px; } span.resultdate { color: #006699; font-style: italic; } /***********************************************/ /* Layout Divs */ /***********************************************/ /* Skip content links*/ a.skip { float: left; position: absolute; left: -500em; width: 20em; } .test { background: url(http://www.scambs.gov.uk/system/images/scambs/bgdots.gif) repeat-y 180px 0px; min-height: 1000px; height: 100%; clear: both; } /*allcontent*/ #content{ background: url(http://www.scambs.gov.uk/system/images/scambs/bgdots_right.gif) repeat-y top right; width: 100%; height: 100%; margin: 0px; clear: both; } #contentnodots{ width: 100%; height: 100%; margin: 0px; clear: both; } /*top layer*/ #top { clear: both; height: 1.7em; padding: 0px 0px 0px 0px; border-bottom: 1px solid #fff; background: #013B63 url(http://www.scambs.gov.uk/system/images/scambs/topbck.jpg) repeat-y; } #topnav { padding: 4px 10px 0px 15px; font-family: "trebuchet MS", Helvetica, sans-serif; font-weight: bold; font-size: 0.7em; text-align: right; color: #fff; } #topnav a:link { color: #fff; } #topnav a:visited { color: #fff; } #topnav a:hover { color: #CCCCCC; } #topnav a:active, #topnav a:focus { color: #fff; } #topnav ul, #topnav li { display: inline; margin: 0px; } /***********************************************/ .floatleft { float: left; } .floatright { float: right; } .block { display: block; } .clear { clear: both; } /*use for hidden text */ .hide { display: none; } .uline { text-decoration: underline; } .italic { text-decoration: italic; } .dotted { background: url(http://www.scambs.gov.uk/system/images/scambs/bgdots.gif) repeat-x left center; height: 1px; } .dottedgreyback { background: #f7f7f7 url(http://www.scambs.gov.uk/system/images/scambs/bgdots.gif) repeat-x left center; height: 1px; } .greyback { background: #f7f7f7; } .dkgreyback { background: #efefef; } .blueback { background: #e0f1ff; } .pinkback { background: #ffe0e6; } .yellowback { background: #ffffd0; } .blackback { background: #000000; } .purpleback { background: #813f62; } .greenback { background: #008000; } .redtext { color: red; } .whitetext { color: white; } .bluetext { color: #006699; } .centertext { text-align: center } .AZ { padding-right: 2px; padding-left: 2px; border: 1px solid gray; font-weight: bold; float: left; margin: 1px; width: 10px; text-align: center; } .AZselected { padding-right: 2px; padding-left: 2px; border: 1px solid gray; font-weight: bold; float: left; margin: 1px; text-decoration: underline; } /*job vacancies styles*/ #jobvacs div { /*float: left;*/ /*width: 240px;*/ padding-right: 5px; } #jobvacs span { /*float: left;*/ } #jobvacs div div { width: 100px; font-weight: bold; float: left; } #jobvacs br { /*clear: left;*/ } /***********************************************/ /*masthead*/ #masthead { clear: both; display: block; height: 150px; width: 100%; border-bottom: 1px solid #fff; background: #013B63; } #bannerimage { height: 150px; background: url(http://www.scambs.gov.uk/images/southcambridgeshiredistrictcouncil/headers/defaultBg.jpg) no-repeat top left; } #Housingbannerimage { height: 150px; background: url(http://www.scambs.gov.uk/images/southcambridgeshiredistrictcouncil/headers/housing.jpg) no-repeat top left; } #homeimage { display: block; float:left; height: 150px; width:420px; margin: 0; } #homeimage img { display: inline; float:left; } #logo{ display: block; float:right; height: 150px; margin: 0px; border-left: 2px solid #fff; } /***********************************************/ /*header layer*/ #header { clear: both; display: block; height: 1.9em; background: #427499 url(http://www.scambs.gov.uk/system/images/scambs/headerbck.jpg) repeat-y; } /*Header navigation*/ #headernav { display: block; float: left; padding: 7px 10px 0px 15px; font-family: "trebuchet MS", Helvetica, sans-serif; font-weight: bold; font-size: 0.8em; text-align: left; color: #fff; } #headernav a:link { color: #fff; } #headernav a:visited { color: #fff; } #headernav a:hover { color: #CCCCCC; } #headernav a:active, #headernav a:focus { color: #fff; } /*Search navigation*/ #headersearch { padding: 2px 10px 0px 5px; display: block; float: right; width: 300px; height: 27px; font-family: "trebuchet MS", Helvetica, sans-serif; font-weight: bold; font-size: 0.7em; text-align: right; color: #fff; } #headersearch a:link { color: #fff; } #headersearch a:visited { color: #fff; } #headersearch a:hover { color: #CCCCCC; } #headersearch a:active, #headersearch a:focus { color: #fff; } .form { padding: 0px 5px 0px 5px; } /***********************************************/ /*Breadcrumb layer*/ #breadcrumb { clear: both; width: 100%; height: 1.9em; margin: 0px; background: url(http://www.scambs.gov.uk/system/images/scambs/breadcrumb.jpg) repeat-y; } /*Breadcrumb navigation*/ #breadcrumbtext { display: block; float: left; padding: 7px 10px 0px 15px; font-family: "trebuchet MS", Helvetica, sans-serif; font-weight: bold; font-size: 0.7em; text-align: left; color: #006699; } #breadcrumbtext a:link { color: #003366; } #breadcrumbtext a:visited { color: #003366; } #breadcrumbtext a:hover { color: #333; } #breadcrumbtext a:active, #breadcrumbtext a:focus { color: #fff; } /*************************/ /*Content layer*/ /* mySociety commented out #maintext img { border: 1px solid #999; padding: 2px; margin: 0px; } */ #maintext { display: block; margin: 20px 0px 0px 0px; padding: 5px 15px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.4em; font-weight: normal; color: #333; height: 100%; } #maintext h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; color: #003366; text-transform: uppercase; font-weight: bold; letter-spacing: 0.1em; } /*Use for subheadings*/ #maintext h2{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.2em; font-weight: bold; color: #006699; } /*Use for textheadings*/ #maintext h3{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; line-height: 1em; color: #003366; } /* mySociety commented out #maintext ul, #maintext ol { margin: 0; padding: 0px 0px 0px 15px; border: none; } */ /* Style for unordered list*/ /* mySociety commented out #maintext ul li { font-family: Verdana, Arial, Helvetica, sans-serif; color: #333; line-height: 1.4em; padding: 0; list-style-type: disc; } */ /* Style for ordered list*/ /* mySociety commented out #maintext ol li { font-family: Verdana, Arial, Helvetica, sans-serif; color: #333; line-height: 1.4em; padding: 0; list-style-type: decimal; } */ #formtable img { border: 0px; padding: 5px; } #maintext ul.hlist, #maintext ul.hlist li { display: block; list-style: none; margin: 0; padding: 0; } #maintext ul.hlist li { float: left; } #maintext ul.eventdate-year, #maintext ul.eventdate-month { height: 30px; } #maintext ul.eventdate-year { font-size: 1em; } #maintext ul.eventdate-year li, #maintext ul.eventdate-month li { margin: 0 5px 0 0; } #maintext ul.eventdate-year li strong, #maintext ul.eventdate-month li strong { margin: 0 0 0 5px; } #maintext ul.eventdate-year li a, #maintext ul.eventdate-month li a { margin: 0 0 0 5px; } #maintext ul.eventdate-year li a strong, #maintext ul.eventdate-month li a strong { margin: 0; } /***********************************************/ /*Content Left Column layer*/ #left{ float: left; width: 183px; height: 100%; background: url(http://www.scambs.gov.uk/system/images/scambs/bgdots.gif) repeat-y right top; } #sectiontitle { display: block; height: 25px; background: #003366; margin-right: 1px; } #sectiontitle ul{ font-family: "trebuchet MS", Helvetica, sans-serif; font-weight: normal; font-size: 0.8em; color: #fff; padding: 5px 0px 0px 15px; margin: 0px; } #sectiontitle ul li { list-style-type: none; } #sectiontitle a:link { color: #fff; text-decoration: none; } #sectiontitle a:visited { color: #fff; text-decoration: none; } #sectiontitle a:hover { color: #cccccc; text-decoration: underline; } #sectiontitle a:active, #sectiontitle a:focus { color: #fff; } #leftnav ul { margin: 0; padding: 0; border: none; display: block; clear: both; background: url(http://www.scambs.gov.uk/system/images/scambs/bgdots.gif) repeat-x left bottom; } #leftnav ul li { list-style-type: none; } /*First level headings*/ #leftnav ul li.first{ padding: 6px 5px 10px 15px; font-family: "trebuchet MS", Helvetica, sans-serif; font-weight: bold; font-size: 0.8em; color: #003366; background-image: url(http://www.scambs.gov.uk/system/images/scambs/menu1_arrow.gif); background-repeat: no-repeat; } #leftnav ul li a:link { color: #003366; } #leftnav ul li a:visited { color: #003366; } #leftnav ul li a:hover { color: #666; } #leftnav ul li a:active, #leftnav ul li a:focus { color: #fff; } /*Second level headings*/ #leftnav ul li ul.second{ font-family: "trebuchet MS", Helvetica, sans-serif; font-weight: normal; line-height: 1.1em; text-align: left; margin: 0; padding: 0; border: none; color: #663300; background: url(http://www.scambs.gov.uk/system/images/scambs/blank.gif) repeat-x left bottom; } #leftnav ul li ul li { padding-right: 0px; padding-left: 15px; background-image: url(http://www.scambs.gov.uk/system/images/scambs/menu2_arrow.gif); padding-bottom: 0px; padding-top: 0px; background-repeat: no-repeat; } #leftnav ul li ul a:link { color: #663300; } #leftnav ul li ul a:visited { color: #663300; } #leftnav ul li ul a:hover { color: #666; text-decoration: underline; } #leftnav ul li ul a:active, #leftnav ul li ul a:focus { color: #fff; } /***********************************************/ /*Content Middle Column layer*/ #middle{ padding: 0px 0px 30px 0px; /* margin: 0px 235px 0px 182px; mySociety changed */ margin: 0 0 0 182px; height: 100%; background: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; } #middle .padding { padding: 0px 10px 10px 10px; } #middletop h1, #middleleft h1, #middleright h1 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #003366; text-transform: uppercase; font-weight: bold; letter-spacing: 0.1em; font-size: 1em; } #middle a:link { color: #006699; text-decoration: none; } #middle a:visited { color: #006699; text-decoration: none; } #middle a:hover { color: #666; text-decoration: underline; } #middle a:active, #middle a:focus { color: #fff; } /*************************/ /*Content Middle Top layer*/ #middletop { padding-top: 22px; margin: 0px; height: 1px; } #middletop p { color: #000000; line-height: 1.2em; } #mtfeature1, #mtfeature2, #mtfeature3, #mtfeature4, .mtfeature { display: block; } #mtimage1, #mtimage2, #mtimage3, #mtimage4, .mtimage { display:block; float: left; } #mtimage1 img, #mtimage2 img, #mtimage3, #mtimage4 img, .mtimage img{ border: 1px solid #999; padding: 2px; margin: 0px 10px 0px 0px; } #mttext1, #mttext2, #mttext3, #mttext4, .mttext { display: block; } #middletop h2{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1em; font-weight:bold; color: #003366; margin: 0px; } /*************************/ /*Content Middle left layer*/ #middleleft a:link, #middleright a:link, #middlebottom a:link { text-decoration: none; } #middleleft { width: 49%; float: left; padding: 10px; margin: 0px; margin-right: -10px; height: 1%; } #middleleft ul { margin: 0; padding: 0px 0px 0px 15px; border: none; clear: both; } #middleleft ul li{ color: #000000; line-height: 1.5em; padding: 0px 10px 0px 0px; list-style-image: url(http://www.scambs.gov.uk/system/images/scambs/arrow2.gif) ; } /*************************/ /*Content Middle right layer*/ #middleright { margin-left: 49%; background: url(http://www.scambs.gov.uk/system/images/scambs/bgdots.gif) repeat-y left top; padding: 10px; height: 1%; } #middleright ul { margin: 0; padding: 0; border: none; } #middleright ul li{ padding: 0; margin: 0; list-style: none; } /*************************/ /*Content Middle bottom layer*/ #middlebottom, .middlebottom { margin-top: 10px; padding: 2px; background: url(http://www.scambs.gov.uk/system/images/scambs/bgdots.gif) repeat-x; height: 1%; } /***********************************************/ /*Content Right Column layer*/ #right{ float: right; width: 235px; background: #fff url(http://www.scambs.gov.uk/system/images/scambs/bgdots.gif) repeat-y left top; height: 100%; margin: 0px; } .rightcontent{ padding: 0px 3px 10px 8px; } .rightcontent h1 { color: #663300; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; } #right .title { font-family: "trebuchet MS", Helvetica, sans-serif; font-size: 1em; color: #663300; text-transform: uppercase; font-weight: bold; letter-spacing: 0.1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; line-height: 0.8em; } .rightcontent ul { margin: 0px; padding: 0px 0px 0px 17px; border: none; } .rightcontent ul li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; line-height: 1.5em; padding: 0px; list-style-image: url(http://www.scambs.gov.uk/system/images/scambs/arrow2.gif) ; } /**Right Content 1**/ #rightcontent1, #address, div.address { padding: 5px 3px 10px 8px; background: url(http://www.scambs.gov.uk/system/images/scambs/bgdots.gif) repeat-x left bottom; } #rightcontent1 h1, #address h1, div.address h1 { font-family: "trebuchet MS", Helvetica, sans-serif; font-size: 1em; color: #663300; text-transform: uppercase; font-weight: bold; letter-spacing: 0.1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; line-height: 0.8em; } #rightcontent1 h2, #address h2, div.address h2{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; color: #333; margin: 0px; padding: 0px; line-height: 0.8em; } #rightcontent1 p, #address p, div.address p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; color: #000000; line-height: 1.2em; } /**Right Content 2**/ #rightcontent2 { padding: 0px 3px 10px 8px; background: url(http://www.scambs.gov.uk/system/images/scambs/bgdots.gif) repeat-x left bottom; } #rightcontent2 h1{ font-family: "trebuchet MS", Helvetica, sans-serif; color: #663300; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; line-height: 1em; } #rightcontent2 ul, #rightcontent3 ul { margin: 0px; padding: 0px 0px 0px 17px; border: none; } #rightcontent2 ul li, #rightcontent3 ul li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; line-height: 1.5em; padding: 0px; list-style-image: url(http://www.scambs.gov.uk/system/images/scambs/arrow2.gif) ; } /**Right Content 3**/ #rightcontent3 { padding: 0px 3px 10px 8px; } #rightcontent3 h1{ color: #663300; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; } #bottominfo { margin: -40px 235px 0px 200px; display: block; clear: both; height: 30px; text-align: right; font-size: 0.7em; padding: 5px; } #bottominfo img { width: 15px; height: 15px; margin-left: 5px; } #bottominfo ul { margin: 0px; padding: 2px; } #bottominfo ul li { list-style-type: none; display: inline; } /***********************************************/ /*Footer layer*/ #footer{ display: block; width: 100%; height: 30px; background: #427499 url(http://www.scambs.gov.uk/system/images/scambs/headerbck.jpg) no-repeat; } #footertext{ padding: 5px 0px 0px 15px; font-family: "trebuchet MS", Helvetica, sans-serif; font-weight: bold; font-size: 0.7em; text-align: left; color: #fff; } #footertext a:link { color: #fff; } #footertext a:visited { color: #fff; } #footertext a:hover { color: #CCCCCC; } #footertext a:active, #footertext a:focus { color: #fff; } #centrepanel img { border: 0px; padding: 0px; } /***********************************************/ .aligncentre{ text-align: center; }