Tabbed menu help?

Skryptec · 06-04-2016, 02:30 PM

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
 }
 }

Tabbed menu help?

Submitted by Maedrys, 03-04-2016, 10:29 PM, Thread ID: 20204

RE: Tabbed menu help?