How do I get rid of the shiny effect in the tabs of the tabview, and how do I make it so the selected tab is darkened? Here's the snippet of code I use for my site's tabview:
/* TABVIEW APPEARANCE ===========================*/ .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav { border-color:#171717; /* color between tab list and content */ } .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a { background-color:#d8d8d8; /* tab background */ border-color:#4F4A4A; color:#303030; } .yui-navset .yui-nav a em, .yui-navset .yui-navset-top .yui-nav a em { border-color: #4F4A4A; } .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover { background-image: none; background-color:#F9FCF2; /* DONE selected tab background */ color:#303030; } .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus { background-color: #4D4D4D; /* DONE selected tab background */ } .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a em { border-color: #F9FCF2; /* DONE selected tab border color */ } .yui-navset .yui-content { background-color: #F7F7F7; /* DONE content background color */ } .yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content { border-color: #0A0A0A; /* DONE content border */ border-top-color:#0A0A0A; /* DONE different border color */ } .yui-navset-left .yui-content { border-color: #0A0A0A; /* DONE content border */ border-left-color: #0A0A0A; /* DONE different border color */ } .yui-navset-bottom .yui-content, .yui-navset .yui-navset-bottom .yui-content { border-color: #0A0A0A; /* DONE content border */ border-bottom-color: #0A0A0A; /* DONE different border color */ }