/* Styles by gavjof www.gavjof.com \\ SCREEN.CSS (for Front End Styles) // */ body { color: #595959; font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-variant: normal; line-height: 1.8em; text-decoration: none; background: #ffffff; margin: 20px 0 0; padding: 0; width: 100% } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Customise the standard HTML ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ a:link, a:visited, a:active { color: #d76002; text-decoration: none } a:hover { color: #7b7a7a; text-decoration: underline } /* Page Headings */ h1, h2, h3, h4, h5, h6 { color: #7b7a7a; font-family: Arial, Helvetica, sans-serif; font-weight: normal } h1 { color: #595959; font: 26px/1.2em Arial, Helvetica, sans-serif } h2 { color: #595959; font: 24px Arial, Helvetica, sans-serif; margin: 0; padding: 4px 0 } h3 { color: #d76002; font-size: 18px } h4 { color: #595959; font-size: 18px } h5 { color: #d76002; font-size: 13px } h6 { color: #d76002; font-size: 12px } form {margin: 0;} p { font-size: 13px; font-family: Arial, Helvetica, sans-serif; line-height: 1.8em; text-decoration: none; margin: 0 0 5px; position: relative; top: 5px } hr { border-style: solid; border-width: 1px; border-color: #fff #fff #d76002 } blockquote { color: #595959; font-size: 1.2em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-style: italic; padding-left: 10px; border-left: 2px solid #666 } abbr {} acroynm {} cite {} address { font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; font-stretch: normal; text-align: justify; padding: 6px; border: solid 1px #d76002 } blockquote { background-color: #e8e8e8; margin: 3px 0 20px; padding: 6px; border-left: 2px solid #d76002 } pre, code { color: #333; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: justify; margin-top: 3px; margin-bottom: 3px; padding-left: 6px; overflow: hidden; border-style: none none none solid; border-width: 0 0 0 2px; border-color: #d76002 } strong {} em {} /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Layout Blocks ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #main { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin: 20px auto 0; padding: 0; width: 980px } #extras { color: #d76002; font-size: 80%; font-family: Tahoma, "Lucida Sans", sans-serif; margin: 0 auto; padding: 0; width: 980px } #banner { font-weight: bold; background-image: url("images/banner.jpg"); background-repeat: no-repeat; background-position: 0 100px; display: block; width: 980px; height: 220px } /* ie6 misbehaves again */ #headerbox { text-align: left; cursor: pointer; display: block; margin-left: 10px; padding-top: 10px; position: relative; top: 10px; width: 133px; height: 60px } /* WEBSITE_TITLE */ #content { text-align: justify; margin-left: 270px; padding: 4px 10px 14px; width: 680px; clear: right } * html #contentContainer #content {text-align:left;} /* ie6 misbehaves */ * html #contentContainer #content table {width: 90%;} /* ie6 fix to stop tables being pushed below floats */ #footer { color: #fff; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; background-color: #7b7a7a; text-align: center; margin-top: 0; padding-top: 10px; padding-bottom: 20px; width: 100%; height: auto; float: inherit; clear: both } #baker_footer { } #footer a:link { color: #fff; background-image: url("images/menu_li_hover.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: left center; padding-top: 5px; padding-bottom: 5px; padding-left: 15px } #footer a:hover { color: #fff; text-decoration: underline; background-image: url("images/menu_li_link.gif"); background-repeat: no-repeat; background-position: left center; padding-top: 5px; padding-bottom: 5px; padding-left: 15px } /* Pulls information from PAGE_FOOTER */ #powered_by, #coding { color: #595959; font-size: 12px; line-height: 1em; text-align: right; margin-bottom: 20px } #powered_by, #coding p { color: #595959; font-size: 12px; line-height: 1em; text-align: right; margin-bottom: 20px } #powered_by a, #coding a { color: #d76002; text-decoration: none } #powered_by a:hover, #coding a:hover { color: #d76002; text-decoration: underline } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* Search Box in banner */ #search_box { color: #7b7a7a; text-align: right; display: inline; margin-left: 10px; padding-top: 3px; padding-bottom: 6px; width: 300px; float: right; border: solid 1px #d3d3d3 } #search_box .searchstring { color: #7b7a7a; margin-left: 3px; width: 260px; height: 29px; float: left; border: solid 0 #fff } .submitbutton { } #prevnext { float:right; margin-top:0px; margin-right:10px; color: #fff; font-weight: bold; } #prevnext a {color: #fff; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ #### Header Menu ##### ####################### Horizontal Drop-Down Menu based off : http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #navContainer { display: inline; padding-top: 15px; z-index: 50; height: 30px; float: right; clear: both } /* Remove List Formattings ~~~~~~~~~~~~~~~~~~~~ */ ul.menu, li.menu { text-decoration: none; list-style-type: none; margin: 0; padding: 0 } /* Header menu */ #header_menu { margin-left: 20px } #header_menu li { line-height: normal } ul#header_menu { z-index: 10; clear: both } #nav { background-image: none; float: right } #nav ul { font-size: 13px; list-style-type: none; margin: 0; padding: 0; position: relative; width: auto } #nav ul li { background-image: url("images/menu_line.gif"); background-repeat: repeat-y; background-attachment: scroll; background-position: right top; margin: 0; padding: 0; float: left } #nav ul li a { color: #595959; text-decoration: none; background-image: none; background-repeat: repeat; background-attachment: scroll; display: block; padding: 5px 10px 4px; border-right: 1px solid #fff } /* Root Level Link Formatting */ #nav ul li a:hover, #nav li a:focus { color: #d76002; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; border-color: #fff } #nav li a:active, #nav ul li a.active { color: #d76002; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; border-color: #fff } #nav a.menu-parent { color: #d76002; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; border-color: #fff } /* Current page Customisations*/ #nav li.menu-current a { color: #d76002; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0 } #nav li.menu-parent { color: #d76002; text-decoration: underline } /* 2nd Child menu */ #nav .menu li ul { font-size: 100%; text-transform: none; display: none; position: absolute; width: 12em; border-style: solid; border-width: 1px; border-color: #ccc #ccc #7b7a7a #7b7a7a } #nav .menu li ul li { font-weight: normal; line-height: 1.2em; text-align: left; margin: 0; padding: 0; width: 12em } #nav .menu li ul a { color: #595959; background: #fff; padding: 0.6em 0.1em 0.6em 0.4em; width: 11.5em; border-style: none; border-color: ; -moz-box-shadow: 2px 2px 2px #666; -webkit-box-shadow: 2px 2px 2px #666; box-shadow: 2px 2px 2px #666 } /* 2nd Child link hover */ #nav .menu li ul a:hover, #nav .menu li ul a.menu-current { color: #d76002; text-decoration: underline } #nav .menu li ul li.menu-current a { color: #d76002; text-decoration: underline; background-position: right 0 } /* Show and hide */ #nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;} #nav .menu li ul ul { display: none;} #nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;} #nav .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li.subMenu ul {display: block;} /* 3rd Child Menu Appreances */ #nav .menu li ul li ul li a { color: #595959; background: #fff; padding: 0.6em 0.1em 0.6em 0.4em; width: 11.5em; border-style: solid; border-width: 1px; border-color: #ccc #ccc #7b7a7a #7b7a7a } #nav .menu li ul li ul li.menu-current a { color: #d76002; text-decoration: underline; background-position: right 0 } /* Positioning the Pop-out Drops */ #nav li {position: relative;} #nav ul ul ul { position: absolute; top: 1px; left: 100%; } /* end menu */ /*-- Menue -----------*/ #sideColumn { background: #f7f7f7; margin-top: 10px; padding: 0; width: 260px; float: left } #menu { color: #595959; list-style: none; margin-left: 10px } #menu a:link,#menu a:visited { text-decoration: underline } #menu a:hover { background:url(images/menu_li_hover.gif) no-repeat left center; color:#d76002; } #menu li ul a:hover { color: #d76002; background: url("images/menu_li_hover.gif") no-repeat 5px center } #menu li ul ul a:hover { color: #d76002; background: url("images/menu_li_hover.gif") no-repeat 10px center } #menu li.menu-current a { color: #d76002; background: url("images/menu_li_hover.gif") no-repeat 5px center; padding-left: 25px } #menu li ul li.menu-current a { color: #d76002; background: url("images/menu_li_hover.gif") no-repeat 5px center } #menu li ul ul li.menu-current a { color: #d76002; background: url("images/menu_li_hover.gif") no-repeat 10px center } /* Hintergrund der Tabelle in der Navi offline */ #menu li a { color: #595959; text-decoration: none; background: url("images/menu_li_link.gif") no-repeat left center; display: block; padding: 5px 5px 5px 18px } /* Navi */ #menu li ul a { color: #595959; text-decoration: none; background: url("images/menu_li_link.gif") no-repeat 5px center; display: block; padding: 5px 5px 5px 23px } #menu li ul ul a { color: #595959; text-decoration: none; background: url("images/menu_li_link.gif") no-repeat 10px center; display: block; padding: 5px 5px 5px 28px } #menu ul { list-style-type: none; margin: 0; padding-left: 0 } /* end menu */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* Customise the Login Box */ #login-box { line-height: 140%; text-align: center; margin: 1em 0 0.3em; padding-top: 10px; width: 240px } #login-box fieldset { text-align: left; width: 220px; float: left; border-color: } #login-box legend { color: #595959; font-size: 90%; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: 0.15em } .username { color: #d76002 } /* Color of name when logged in*/ .topboxbody {font-size:0.8em;padding:2px;} #login-box input { font-size: 10px; text-transform: uppercase; margin: 5px 0 1px; width: 200px } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Custom Classes (Re-useables) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* Float containers fix: */ .clearfix:after { visibility: hidden; display: block; height: 0; clear: both; content: "." } /* \*/ * html #clearfix { height: 1% } /* */ .stealth { visibility: hidden; display: none } /* hides from normal css enabled browsers */ /* Inline font Styles */ /* Pretty styles for changing text in the WYSIWYG editor */ .important { color: #d76002; font-weight: bold } .code { color: #595959; font-family: "Courier New", Courier, mono; letter-spacing: 1px } .info-box { background-color: #fff; padding: 4px; border: solid 1px #d76002 }