/* ************************************************ * * Creative Leicester Shire stylesheet * * * * Eddie May - Leicestershire County Council * * Version 1.1 - 14/02/2006 * * * * Tested in Mozilla Firefox 1.0 and IE 6 on Win XP * * ************************************************ */ /* *************************************************** * * Change log: * changed body background to background-color * * changed body color from blue to #736F6E * * all color from #A5B9BE to #736F6E * * *************************************************** */ /* ************************************************ * * Colour Palette: * * * * ************************************************ */ /* Uncomment line to view all tables on the site */ /*td { border: 1px dotted red; } */ /* *** Changes to HTML Elements *** */ body { background-color: #FFFFFF; font-family: Verdana, Helvetica, sans-serif; font-size: 75%; text-align:center: color:#736F6E; /*blue;#A5B9BE;*/ } /** container - constrains width of the page & centres it on larger screens. ***/ #container { width:760px; margin-left:auto; margin-right:auto; text-align:center: } /* Internet Explorer has a problem with font sizes and tables This gets round the problem. If you don't do this, you might end up with very small fonts. */ table { font-size: 1em; } img { border: none; } em { font-style: italic; } /* (emphasis) supercedes */ strong { font-weight: bold; } /* supercedes */ a { color: #232974; text-decoration: underline } a:visited { color: #8947AD; } /* This style is applied when the mouse cursor hovers over the link, or when a user tabs to a link using their keyboard. :focus and :active are used to ensure cross browser compatibility */ #content a:hover,#content a:focus,#content a:active { background-color: #EBF5E9; } span.underline { text-decoration: underline; } /* Used by default styles to replace */ h1 { font-size: 1.7em; font-weight: bold; padding: 0 0 0 0; margin-top: 0.5em; margin-bottom: 0.5em; margin-left: -1%;color:#E46704;} h2 { font-weight: bold; font-size: 1.5em; margin-top: 0; margin-left: -0.6%; color:#E46704; } h3 { font-weight: bold; font-size: 1.3em; margin-left: -0.6%; } h4 { font-weight: bold; font-size: 1.1em; margin-left: -0.6%; } h5 { font-weight: bold; font-size: 1em; margin-left: 0; } /* *** Accessibility *** */ a.hiddenLink { position: absolute; left: -1000px;} /* For the hidden skip to content link */ /* *** Layout Tables *** */ /* To replace layout tables:
*/ table.layoutTable { margin: 0; border: 0; border-collapse: collapse; padding: 0; width: 100%; } table.layoutTable td { vertical-align: top; } /* *** Header Styles *** */ div#header { height:117px; background-color: rgb(255,255,255); background-image:url(cls_header.jpg); background-repeat:no-repeat; } div#header img { } /* *** Footer Styles *** */ div#footer { background-color:#E46704; color: #fff; padding: 0.1em; margin: 0.5em 0 0 0; text-align: left; } .footertext{ color:#fff; } /* *** Content Styles *** */ /* Wraps the content section of the page 14/2/06 - in a fit of romantic excess, changed font colour to a darker shade of grey (or 'turn a whiter shade of pale') after end user complaints */ div#content { text-align:left; /*color: #A5B9BE;*/ color: #736F6E; - padding:0 10px 0 10px; } div#content p{color: #736F6E;} /* These styles are made available to the text wizard by the default styles object */ img.picture_right { float: right;} img.picture_left { float: left; } div.indent { margin-left: 2em; margin-right: 2em; } span.underline { text-decoration: underline; } /* *** Stuff for replacing p tags with div tags *** */ /* This is due to the fact that Obtree wraps every HTML element created in the text wizard with p tags by default, and this causes the HTML validation to fail. I have changed Obtree's default so it uses div's instead of p's. This will fix the validation issue. .center and .right are applied to paragraphs that the user center or right aligns */ div#content div { margin-bottom: 1.1em; margin-left:0.9em; height:100%;} div#content .center { text-align: center; } div#content .right { text-align: right; } /* *** General Table Styles *** */ th.leftHeader { text-align: left; } /* *** Centering Tables *** */ div.centerWrapper { text-align: center; } table.centeredTable { margin-left: auto; margin-right: auto; } /* *** Datatables *** */ /* Combine with table.border to create datatables with borders */ table.dataTable { margin-bottom: 1em;} table.dataTable th { background-color: #D3E9CF; } table.dataTable td,table.dataTable th { padding: 0.2em; border-spacing: 0; vertical-align: top; } table.dataTable .rowEven { background-color: #F0F8EF; } table.dataTable .rowOdd { background-color: #FFFFFF; } table.dataTable caption { text-align: left; font-size: 1.2em; font-weight: bold; } /* *** Tables with borders *** */ /* These styles can be combined with .dataTable (or any other table)*/ table.border { border: 1px solid #41583A; border-collapse: collapse; } table.border td,table.border th { border: 1px solid #41583A; } /* *** Navigation Columns *** */ td#leftCol { padding-top: 0em; padding-right:1em;border-right: 1px dashed #A5B9BE; } td#rightCol { padding-top: 0em; padding-left:1em;border-left:1px dashed #A5B9BE; } /* *** Left Nav *** */ #leftNav{ height:100%; font-family: verdana, Georgia, sans-serif; text-align:left; color: #736F6E;/*#A5B9BE;*/ } #leftNav a{ text-decoration:none;/*no underline*/ color:#736F6E;/*#A5B9BE;*/ margin-bottom:0.9em; margin-top:0.9em; padding-top:1em; padding-bottom:1em; } #leftNav ul { list-style-type: none; margin: 0; padding: 0; } #leftNav ul#leftNavList { padding-top:13px; } #leftNav li.self { font-weight: bold; background-color: #FFFFFF; padding-left: 0.8em; margin-left: -0.2em; padding-top:13px; border-top:1px dashed #A5B9BE; color: #A5B9BE;} #leftNav li.parent { background-color: #FFFFFF; font-weight: bold; padding-left: 0.2em; border-bottom:1px dashed #A5B9BE; } #leftNav li.sibling { background-color: #FFFFFF; padding-left: 0.8em; font-weight: normal; margin-left: -0.2em; padding-top:1em;border-top:1px dashed #A5B9BE; margin-bottom:0.9em; margin-top:0.9em;} #leftNav li.child { background-color: #FFFFFF; padding-left: 0; font-weight: normal; color: #736F6E;/*#A5B9BE;*/ margin-left: 1.4em; list-style-image: url(navigationarrow.gif); margin-bottom:0.9em; margin-top:0.9em; } ul.home { background-color: #FFFFFF; } /**featured company div on page right ***/ #featured{ text-transform: none; text-align:left; height:100%; color: #736F6E;/*#A5B9BE;*/ } #featured p{ margin-top: 2px; border-top-width: 0; padding-bottom:2px; margin-bottom: 0; color:#736F6E; /*#A5B9BE; */ } .featured_heading{ text-transform: uppercase; color:#E4670A; font-weight:bold; font-size:1.2em; } .featured_subheading{ color:#736F6E; /*#A5B9BE;*/ font-weight:bold; font-size:1.1em; } .featured_small{ font-size:x-small; }