Template:Infobox with horizontal tabber

Description
The CSS styling is stored in MediaWiki:Wikia.css .disgaea .tabbernav { display: flex; overflow-x: scroll; line-height: 18px !important; } .disgaea .tabberlive ul.tabbernav { border: none; } .disgaea .tabberlive ul.tabbernav li.tabberactive a { background: linear-gradient(-15deg, blueviolet, purple, darkviolet, blueviolet, purple) !important; color: #fff; font-size: 120%; } .disgaea .tabberlive ul.tabbernav li a { background-color: #eee; color: #000; font-size: 120%; } .disgaea .tabberlive > .tabbernav > li > a:hover { background: linear-gradient(-15deg, blueviolet, purple, darkviolet, blueviolet, purple) !important; color: #fff; font-size: 120%; } .disgaea .tabberlive .tabbertab:not(.tabbertabhide) { background-color: #eee; }

.pi-theme-disgaea { background: white; border: 1px solid #ccc; padding: 0.2em; } .pi-theme-disgaea .pi-border-color { padding: 0.1em; border-color: #ccc; } .pi-theme-disgaea .pi-title, .pi-theme-disgaea .pi-header, .pi-theme-disgaea .pi-data-label { background: linear-gradient(-15deg, blueviolet, purple, darkviolet, blueviolet, purple) !important; color: white !important; text-align: center; } .pi-theme-disgaea .pi-navigation { background: white !important; font-size: 14px; font-weight: bold; text-align: center; padding: 0.5em; } .pi-theme-disgaea .pi-image img { width: 150px; height: auto; } .pi-theme-disgaea .pi-header { margin-top: 0.2em; } .pi-theme-disgaea .pi-horizontal-group-item { border: 0.1em solid white; /** creates gap between items **/ } .pi-theme-disgaea .pi-data-label, .pi-theme-disgaea .pi-data-value { padding: 0.5em; } .pi-theme-disgaea .pi-data-value { background: #eee; text-align: center; }

To use this template, copy the following code and fill in the appropriate fields.

Example
Results in...