FANDOM


This page sandboxes a design for tabbed infoboxes using a wikitext tabber and a div.infoboxtabber container. The original concept was posted in Community Central. The infobox template may be viewed at Infobox tabber.

This is the CSS that will ensure the tabber has an aesthetic appearance.

/* Tabbed infobox */
.infoboxtabber {
    float: right;
    margin: 0 0 15px 15px;
}
.infoboxtabber .tabberlive {
    margin: 0;
}
.infoboxtabber .tabberlive .tabbernav {
    text-align: center;
    margin: 0 5px;
    position: relative;
    top: 5px;
    border-bottom: none;
}
.infoboxtabber .tabbernav li:not(.tabberactive) a,
.infoboxtabber .tabbernav li:not(.tabberactive) a:hover {
    background: #309ded; /* update this color, then remove this */
    color: #fff;
}
.infoboxtabber .tabbernav .tabberactive a {
    border-bottom: none !important;
}
.infoboxtabber .tabberlive .tabbertab {
    border: none;
}
.infoboxtabber .portable-infobox {
    margin: 0;
}
.infoboxtabber .tabbertab > p {
    display: none;
}