FANDOM


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 text 1

Example tab text 2

Example tab text 3

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.