Info Widgets Tabber

CSS code to apply to MediaWiki:Wikia.css:

ul.tabbernav {
    border-bottom: 0px solid !important;
    font: normal 14px Helvetica, Arial, sans-serif !important;
    padding: 10px 0px !important;
    border-top: 5px solid #002E54;
    border-radius: 0px !important;
}

ul.tabbernav li {
}

ul.tabbernav li a {
    padding: 10px 10px !important;
    margin-left: 0px !important;
    border: 0px solid !important;
    background: #FFF !important;
    border-radius: 0px !important;
}

ul.tabbernav li a:link {
    color: #002E54 !important;
}

ul.tabbernav li a:visited {
    color: #002E54 !important;
}

ul.tabbernav li a:hover {
    background-color: #002E54 !important;
    border-color: transparent !important;
    color: #FFF !important;
    border-radius: 0px !important;
}

ul.tabbernav li.tabberactive a {
    color:#FFF !important;
    font-weight:normal !important;
    border: 0px solid #D9D9D9 !important;
    border-bottom: 1px solid #fff !important;
    background-color: #002E54 !important;
    border-radius: 0px !important;
}

ul.tabbernav li.tabberactive a:hover {
    border: 0px solid #D9D9D9 !important;
    border-bottom: 0px solid #fff !important;
    border-radius: 0px;
}

.tabberlive {
    width: auto !important;
}

.tabberlive .tabbertab {
    border: 0px solid #D9D9D9 !important;
    border-top: 0 !important;
    border-radius: 0px !important;
}

This will produce a dark blue line above the tabber, and make the selected-tab and hovered-tab turn dark blue in background. Example coding:

<tabber>
Example tab 1=Example tab text 1
|-|
Example tab 2=Example tab text 2
|-|
Example tab 3=Example tab text 3
</tabber>

Will produce:

• Example tab 1
• Example tab 2
• Example tab 3

Example tab text 1

Example tab text 2

Example tab text 3