Template:Infobox with data panel

 





 





 





Description
The CSS styling is stored in MediaWiki:Wikia.css .pi-theme-bulbasaur { border: 2px solid #682A68; -webkit-border-radius: 10px; background: #78C850; font-family: "Comic Sans MS"; padding: 2px; text-align: center; } .pi-theme-bulbasaur .pi-border-color { -webkit-border-radius: 16px; padding: 2px; } .pi-theme-bulbasaur .pi-title { background: #fff; padding: 6px; margin: 2px; -webkit-border-radius: 8px; } .pi-theme-bulbasaur .pi-section-label { color: #fff; } .pi-theme-bulbasaur .pi-section-tab.pi-section-active { box-shadow: inset 0 -2px 0 0 #fff; } .pi-theme-bulbasaur .pi-image-thumbnail { background: #fff; -webkit-border-radius: 8px; width: 240px; padding: 10px; margin: 4px; } .pi-theme-bulbasaur .pi-group { background: #A7DB8D; -webkit-border-radius: 16px; padding: 0px; margin: 3px; } .pi-theme-bulbasaur .pi-data-label { background: #A7DB8D; border: 1px solid #A7DB8D; padding: 0.3em; -webkit-border-radius: 16px; } .pi-theme-bulbasaur .pi-data-value { background: #fff; border: 1px solid #A7DB8D; padding: 0.3em; -webkit-border-radius: 16px; } .pi-theme-bulbasaur .pi-horizontal-group .pi-data-label { background: #A7DB8D; padding: 0.2em 0 0; } .pi-theme-bulbasaur .pi-horizontal-group .pi-data-value { background: #fff; border: 3px solid #A7DB8D; padding: 0.3em; -webkit-border-radius: 16px; }

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

Example
Results in...

When  variable is not used, can be used as a single standard infobox