Tabbed menu help?

06-04-2016, 02:30 PM

SQL Wrote: Are you using MyTabs, because it looks like it...

If you are using Tabbed Menu, you can edit the tabs.css.

Code:

.shadetabs{
padding:3px 0;
margin-left:0;
margin-top:1px;
margin-bottom:15px;
list-style-type:none;
text-align:left;
font-family:Roboto,Arial,Sans-Serif
}

.shadetabs a:hover{
background-color:#404040;
-webkit-transition:background-color 50ms linear,color 50ms linear;
-moz-transition:background-color 50ms linear,color 50ms linear;
-o-transition:background-color 50ms linear,color 50ms linear;
-ms-transition:background-color 50ms linear,color 50ms linear;
transition:background-color 50ms linear,color 50ms linear
}

.shadetabs li a.selected{
position:relative;
background:#446599;
color:#fff
}

.shadetabs a.selected{
position:relative;
background:#FF5A63;
color:#fff
}

.shadetabs a{
display:inline-block;
margin:2px 0;
background-color:#303030;
position:relative;
z-index:1;
padding:8px;
margin-right:5px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
cursor:pointer;
text-decoration:none;
color:#bbb
}

.shadetabs li{
display:inline;
margin:0
}

.shadetabs a:hover{
color:#fff;
text-decoration:none;
}

.shadetabs li a{
display:inline-block;
margin:2px 0;
background-color:#303030;
position:relative;
z-index:1;padding:8px;
margin-right:5px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
cursor:pointer;
text-decoration:none;
color:#bbb
}

.shadetabs li a:hover{
color:#fff;
text-decoration:none;
background-color:#404040;
-webkit-transition:background-color 50ms linear,color 50ms linear;
-moz-transition:background-color 50ms linear,color 50ms linear;
-o-transition:background-color 50ms linear,color 50ms linear;
-ms-transition:background-color 50ms linear,color 50ms linear;
transition:background-color 50ms linear,color 50ms linear
}

.shadetabs li a.selected{
position:relative;
background:#446599;
color:#fff
}

.shadetabs li a.selected:hover{
text-decoration:none
}

.tabcontent{
display:none
}

@media print{

.tabcontent{
display:block !important
}
}

he is using tabbed menu and yes that CSS will work.