Tabbed Menu Styling

Fresh · 26-06-2015, 07:41 PM

I am using the tabbed menu plugin made by Jesse Labrocca I don't know much CSS so I can't really create a nice style for my tabbed menu I was hoping some of you could help me with this.

I want a grey tabbed menu and when you select a tab it will become the color #279BC7 if anyone can do this for me that would be really cool!

Default tabbed menu:

Code:
.shadetabs{
 padding: 3px 0;
 margin-left: 0;
 margin-top: 1px;
 margin-bottom: 0;
 font: bold 12px Verdana;
 list-style-type: none;
 text-align: left; /*set to left, center, or right to align the menu as desired*/
 }
 
 .shadetabs li{
 display: inline;
 margin: 0;
 }
 
 .shadetabs li a{
 text-decoration: none;
 position: relative;
 z-index: 1;
 padding: 3px 7px;
 margin-right: 3px;
 border: 1px solid #778;
 color: #ffffff;
 background: white url(images/thead_bg.gif) top left repeat-x;
 }
 
 .shadetabs li a:hover{
 text-decoration: underline;
 }
 
 .shadetabs li a.selected{ /*selected main tab style */
 position: relative;
 top: 1px;
 }
 
 .shadetabs li a.selected{ /*selected main tab style */
 background:#ADCBE7;
 color: #000000;
 border-bottom-color: #81A2C4;
 }
 
 .shadetabs li a.selected:hover{ /*selected main tab style */
 text-decoration: none;
 }
 
 .tabcontent{
 display:none;
 }
 
 @media print {
 .tabcontent {
 display:block !important;
 }
 }

Tabbed Menu Styling

Submitted by Fresh, 26-06-2015, 07:41 PM, Thread ID: 5091