/* File: custom.css Description: Custom styles for the Neoclassical Theme that you define Use: The tag has been appended with the "custom" class, like so: . You can use the "custom" class to overwrite *any* CSS declarations contained in this theme's style.css file. For example, if you wish to change the default link color to green, you would add the following declarations to this file: .custom a, .custom a:visited { color: #090; } <--- This makes links green .custom a:hover { color: #00f; } <--- This makes links blue when you mouse over the Why this works: By using the "custom" class, you are creating more specific CSS declarations for HTML elements. CSS styling is applied through rules of specificity, and because declarations prepended with .custom are more specific, they get applied when the page is rendered! */ .page { background-color: #ffffff; } .widget { background: #FF9900 url(images/rounded_bottom2.gif) no-repeat bottom left; padding-bottom: 10px; } .widgettitle { background: url(images/rounded_top2.gif) no-repeat top left; padding: 10px 10px 0 10px; } .widget ul { margin: 0 10px; list-style: none; } #bamboo { background: url('images/bamboostick.jpg') top left no-repeat; height: 10px; } #navmenu { background-color: #FA7901; margin-bottom: 25px; padding: 0 0 10px 0; text-transform: uppercase; font-size: 1.5em; } #navmenu ul {margin: 0; padding-left: 10px; list-style-type: none; list-style-image: none; } #navmenu li {display: inline; } #navmenu ul li a {text-decoration:none; margin: 4px; padding: 5px 20px 5px 20px; color: black; background: #FA7901;} #navmenu ul li a:hover {color: purple; background: #C6DB00; } .b1h, .b2h, .b3h, .b4h, .b2bh, .b3bh, .b4bh{font-size:1px; overflow:hidden; display:block;} .b1h {height:1px; background:#aaa; margin:0 5px;} .b2h, .b2bh {height:1px; background:#aaa; border-right:2px solid #aaa; border-left:2px solid #aaa; margin:0 3px;} .b3h, .b3bh {height:1px; background:#aaa; border-right:1px solid #aaa; border-left:1px solid #aaa; margin:0 2px;} .b4h, .b4bh {height:2px; background:#aaa; border-right:1px solid #aaa; border-left:1px solid #aaa; margin:0 1px;} .b2bh, .b3bh, .b4bh {background: #ddd;} .headh {background: #aaa; border-right:1px solid #aaa; border-left:1px solid #aaa;} .headh h3 {margin: 0px 10px 0px 10px; padding-bottom: 3px;} .contenth {background: #ddd; border-right:1px solid #aaa; border-left:1px solid #aaa;} .contenth div {margin-left: 12px; padding-top: 5px;} /* tabber styling */ /* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */ /*-------------------------------------------------- REQUIRED to hide the non-active tab content. But do not hide them in the print stylesheet! --------------------------------------------------*/ .tabberlive .tabbertabhide { display:none; } /*-------------------------------------------------- .tabber = before the tabber interface is set up .tabberlive = after the tabber interface is set up --------------------------------------------------*/ .tabber { } .tabberlive { margin-top:1em; margin-bottom: 1.5em; } /*-------------------------------------------------- ul.tabbernav = the tab navigation list li.tabberactive = the active tab --------------------------------------------------*/ ul.tabbernav { margin:0; padding: 3px 0; border-bottom: 1px solid #778; font: 12px Verdana, sans-serif; color: #ffffff; } ul.tabbernav li { list-style: none; margin: 0; display: inline; } ul.tabbernav li a { padding: 3px 0.5em; margin-left: 3px; border: 1px solid #778; border-bottom: none; background: #F9FFBF; text-decoration: none; } ul.tabbernav li a:link { color: black } ul.tabbernav li a:visited { color: #667; } ul.tabbernav li a:hover { /*color: #000;*/ background: #C6DB00; border-color: #227; } ul.tabbernav li.tabberactive a { background-color: #C6DB00; border-bottom: 1px solid #C6DB00; } ul.tabbernav li.tabberactive a:hover { /*color: #000;*/ background: #C6DB00; border-bottom: 1px solid #C6DB00; } /*-------------------------------------------------- .tabbertab = the tab content Add style only after the tabber interface is set up (.tabberlive) --------------------------------------------------*/ .tabbertab ul li { list-style: none; } .tabberlive .tabbertab { padding:5px; border:1px solid #aaa; border-top:0; background: #C6DB00; font: 12px Verdana, sans-serif; /* If you don't want the tab size changing whenever a tab is changed you can set a fixed height */ /* height:200px; */ /* If you set a fix height set overflow to auto and you will get a scrollbar when necessary */ /* overflow:auto; */ } /* If desired, hide the heading since a heading is provided by the tab */ .tabberlive .tabbertab h2 { display:none; } .tabberlive .tabbertab h3 { display:none; } /* Example of using an ID to set different styles for the tabs on the page */ .tabberlive#tab1 { } .tabberlive#tab2 { } .tabberlive#tab2 .tabbertab { height:200px; overflow:auto; }