FANDOM


On this page you can find the code to customize the tabber on your wiki like done on this wiki.

Code

/* Customizing Tabber */
.tabbertab {
   border-top: 1px solid #D8D8D8 !important;
   border-bottom: 1px solid #D8D8D8 !important;
   border-left: 1px solid #D8D8D8 !important;
   border-right: 1px solid #D8D8D8 !important;
   border-radius: 15px;
   -moz-border-radius: 15px;
}
 
/* add spaces to tabview tabs */
.tabberlive > ul.tabbernav > li {
    margin-right: 2px;
}
/* not applying on the last tabview tabs */
.tabberlive > ul.tabbernav > li:last-child {
    margin-right: 0px;
}
 
.tabbernav {
   background: transparent;
   border-bottom: none !important;
   padding: 3px 0 !important;
}
 
ul.tabbernav li a {
   color: #616161 !important;
   padding: 3px 0.5em !important;
   margin-left: 0px !important;
   background: transparent !important;
   border: 1px solid #D8D8D8 !important;
   font-weight: normal !important;
   font-size: 14px !important;
   -moz-border-radius: 15px !important;
   border-radius: 15px !important;
   position: relative;
}
 
ul.tabbernav li.tabberactive a {
   border: 1px solid #D8D8D8 !important;
   color: #616161 !important;
   font-weight: bold !important;
   font-size: 14px !important;
   background-color: transparent !important;
   cursor: default;
}
 
ul.tabbernav li.tabberactive {line-height: 0px !important;}
 
ul.tabbernav li.tabberactive:first-child a {
   margin-left: 0px !important;
}
 
.tabbertab  .ajax-poll {
   border: none !important;
}
 
.tabberlive .tabbertab h2, .tabberlive .tabbertab h3 {
   display:block !important;
}

Result

text1

text2

text3

text4

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.