User:GeoGalvanic/Testspace/Tabber

/* Tabber styling */ .tabberlive .tabbertab, .tabber .tabbertab { -moz-border-bottom-colors: transparent !important; /* doesn't have to be transparent, could be the same border color used elsewhere */ -moz-border-left-colors: transparent !important; /* doesn't have to be transparent, could be the same border color used elsewhere */ -moz-border-right-colors: transparent !important; /* doesn't have to be transparent, could be the same border color used elsewhere */ -moz-border-top-colors: #434b4d !important; /* This should match your general choice of border color */ border-top-bottom: transparent !important; /* doesn't have to be transparent, could be the same border color used elsewhere */ border-top-left: transparent !important; /* doesn't have to be transparent, could be the same border color used elsewhere */ border-top-right : transparent !important; /* doesn't have to be transparent, could be the same border color used elsewhere */ border-top-color: #434b4d !important; /* This should match your general choice of border color */ border-image: none !important; border-style: solid none none !important; border-width: 1px medium medium !important; }

ul.tabbernav { border-bottom: none !important; }

ul.tabbernav li a { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #15181a !important; /* This should match your general choice of background color */ border: 1px solid #434b4d !important; /* This should match your general choice of border color */ border-image: none; border-radius: 5px 5px 0 0 !important; /* This is only if you want your tabs to have rounded corners */ margin-left: 3px; padding: 3px 0.5em; text-decoration: none; }

ul.tabbernav li { display: inline; list-style: none outside none; margin: 0 0 0 7px; }

ul.tabbernav li a:link { color: #be9151 !important; /* This should match your anchor color, but simply being different from the default text color works */ }

ul.tabbernav li a:hover { background: none repeat scroll 0 0 #15181a !important; border-color: #434b4d !important; /* This should match your general choice of border color */ color: #FFFFFF !important; }

ul.tabbernav li.tabberactive a { background-color: #15181a !important; color: #FFFFFF !important; }

ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:hover, ul.tabbernav li.tabberactive a:link { background-color: #15181a !important; border-bottom: 1px none !important; padding: 2px 0.5em 4px !important; }

ul.tabbernav { text-align:left; /* if you want the tabs to be centered rather than left-justified with respect to the tab content */ }