Infobox Archive

Quick link to everything required to update to PI.

            <format>[[Light Novel Volume {{{Novel}}}|Volume {{{Novel|}}}]]</format>
        </data>
    	<data source="Anime">
            <label>Anime</label>
            <format>[[{{{Episode|Gears of Fate}}}]]</format>
        </data>
    	<data source="Manga">
            <label>Manga</label>
            <format>[[Clock {{{Manga}}}]]</format>
        </data>
    	<data source="Appears In">
            <label>Appears In</label>
        </data>
	</group>[[Category:Characters]]
</infobox>

```

## Anime

```
<infobox theme="default">
    <group>
        <title source="Name">
            <default>{{PAGENAME}}</default>
        </title>
        <image source="Image"></image>
        <data source="Title">
            <label>Title</label>
        </data>
    </group>
    <group>
        <header>Information</header>
        <data source="Type">
            <label>Type</label>
        </data>
        <data source="Episodes">
            <label>Episodes</label>
        </data>
        <data source="Duration">
            <label>Duration</label>
        </data>
        <data source="Aired">
            <label>Aired</label>
        </data>
        <data source="Premiered">
            <label>Premiered</label>
        </data>
        <data source="Broadcast">
            <label>Broadcast</label>
        </data>
        <data source="Status">
            <label>Status</label>
        </data>
        <data source="Producers">
            <label>Producers</label>
        </data>
        <data source="Licensors">
            <label>Licensors</label>
        </data>
        <data source="Studios">
            <label>Studios</label>
        </data>
        <data source="Source">
            <label>Source</label>
        </data>
        <data source="Genres">
            <label>Genres</label>
        </data>
        <data source="Rating">
            <label>Rating</label>
        </data>
    </group>
</infobox>

```

## Light Novel

```
<infobox>
    <group>
        <title source="Title">
            <default>{{PAGENAME}}</default>
        </title>
        <title source="Kanji">
            <format>{{{Kanji}}}{{#if:{{{Kana|}}}|/{{{Kana}}}}}</format>
        </title>
        <title source="Romanji">
            <format>{{{Romanji}}}</format>
        </title>
        <image source="Image"/>
    </group>
    <group>
        <header>Volume Information</header>
            <data source="Release">
                <label>Release</label>
            </data>
            <data source="Eng Release">
                <label>Eng Release</label>
            </data>
            <data source="ISBN">
                <label>ISBN</label>
            <format>[[Special:BookSources/{{{ISBN}}}|{{{ISBN}}}]]</format>
            </data>
            <data source="Eng ISBN">
                <label>Eng ISBN</label>
            <format>[[Special:BookSources/{{{Eng ISBN}}}|{{{Eng ISBN}}}]]</format>
            </data>
            <data source="Pages">
                <label>Pages</label>
            </data>
            <data source="Eng Pages">
                <label>Eng Pages</label>
            </data>
            <data source="Cover Characters">
                <label>Cover Characters</label>
            </data>
            <data source="Price">
                <label>Price</label>
            </data>
    </group>
    <group layout="horizontal">
        <header>[[No Game No Life (Light Novel)|<span style="color:white">Light Novel Navigation</span>]]</header>
        <data source="Previous">
            <label>Previous</label>
            <format>[[{{{Previous}}}]]</format>
        </data>
        <data source="Next">
	        <label>Next</label>
	        <format>[[{{{Next}}}]]</format>
        </data>
    </group>
</infobox>

```

## Manga

```
<infobox>
    <group>
        <title source="Title">
            <default>{{PAGENAME}}</default>
        </title>
        <image source="Image"/>
    </group>
    <group>
        <header>Information</header>
            <data source="Release">
                <label>Release</label>
            </data>
            <data source="Eng Release">
                <label>Eng Release</label>
            </data>
            <data source="ISBN">
                <label>ISBN</label>
                <format>[[Special:BookSources/{{{ISBN}}}|{{{ISBN}}}]]</format>
            </data>
            <data source="Eng ISBN">
                <label>Eng ISBN</label>
                <format>[[Special:BookSources/{{{Eng ISBN}}}|{{{Eng ISBN}}}]]</format>
            </data>
            <data source="Pages">
                <label>Pages</label>
            </data>
            <data source="Eng Pages">
                <label>Eng Pages</label>
            </data>
            <data source="Cover Characters">
                <label>Cover Characters</label>
            </data>
            <data source="Price">
                <label>Price</label>
                <format>¥{{{Price}}}</format>
            </data>
    </group>
    <group layout="horizontal">
        <header>[[No Game No Life (Light Novel)|<span style="color:white">Light Novel Navigation</span>]]</header>
        <data source="Previous">
            <label>Previous</label>
            <format>[[{{{Previous}}}]]</format>
        </data>
        <data source="Next">
	        <label>Next</label>
	        <format>[[{{{Next}}}]]</format>
        </data>
    </group>
</infobox>

```

## Manga Chapter

```
<infobox theme="default">
    <group>
        <title source="Title">
            <default>{{PAGENAME}}</default>
        </title>
        <image source="Image" />
    </group>
    <group>
        <header>Chapter Information</header>
        <data source="Release Date">
            <label>Release Date</label>
        </data>
        <data source="Clock">
            <label>Clock</label>
        </data>
        <data source="Volume">
            <label>Volume</label>
        </data>
    </group>
    <group layout="horizontal">
        <header>[[Clockwork Planet (Manga)|<span style="color:white">Chapter Navigation</span>]]</header>
        <data source="Previous">
            <label>Previous</label>
            <format>[[Clock {{{Previous}}}]]</format>
        </data>
        <data source="Next">
	        <label>Next</label>
	        <format>[[Clock {{{Next}}}]]</format>
        </data>
    </group>
</infobox>

```

## Music

```
<infobox theme="default">
	<title source="Title"><default>{{PAGENAME}}</default></title>
	<image source="Image"/>
	<group>
	    <header>'''Artist(s)'''</header>
	    <data source="Band"><label>'''Band'''</label></data>
	    <data source="Composer"><label>'''Composer(s)'''</label></data>
	    <data source="Vocalists"><label>'''Vocalist(s)'''</label></data>
	</group>
	<group>
	    <header>'''Track Information'''</header>
	    <data source="Album"><label>'''Album'''</label></data>
	    <data source="Track"><label>'''Track #'''</label></data>
	    <data source="Time"><label>'''Time'''</label></data>
	    <data source="Genre"><label>'''Genre'''</label></data>
	    <data source="Instruments"><label>'''Instruments'''</label></data>
	</group>
	<group>
	    <header>{{#if: {{{Audio2|}}}|'''Audio'''}}</header>
	    <data source="Audio"><label>'''{{{AudioLabel}}}'''</label></data>
	    <data source="Audio2"><label>'''{{{Audio2Label}}}'''</label></data>
    	<data source="Audio3"><label>'''{{{Audio3Label}}}'''</label></data>
    	<data source="Audio4"><label>'''{{{Audio4Label}}}'''</label></data>
    	<data source="Audio5"><label>'''{{{Audio5Label}}}'''</label></data>
    	<data source="Audio6"><label>'''{{{Audio6Label}}}'''</label></data>
    	<data source="Audio7"><label>'''{{{Audio7Label}}}'''</label></data>
    	<data source="Audio8"><label>'''{{{Audio8Label}}}'''</label></data>
    	<data source="Audio9"><label>'''{{{Audio9Label}}}'''</label></data>
    	<data source="Audio10"><label>'''{{{Audio10Label}}}'''</label></data>
	</group>
</infobox>

```

## CSS

Location: MediaWiki:Common.css

```
/\* Infobox template style \*/
.infobox {
 border: 1px solid #aaa;
 background-color: #f9f9f9;
 color: #000;
 margin-bottom: .5em;
 margin-left: 1em;
 padding: .2em;
 float: right;
 clear: right;
}

.infobox td,
.infobox th {
 vertical-align: top;
}

.infobox caption {
 font-size: larger;
 margin-left: inherit;
}

.infobox.bordered {
 border-collapse: collapse;
}

.infobox.bordered td,
.infobox.bordered th {
 border: 1px solid #aaa;
}

.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
 border: 0;
}
.pi-collapse .pi-header:first-child:after {
 border-color: inherit;
}

/\* PI Styles \*/
.portable-infobox {
 float:right;
 background: rgba(0,47,90,0.5);
 border-radius: 8px 8px 0 0;
 border: 2px solid #301728;
 overflow: hidden;
}

.portable-infobox h2 {
 background-color: #96487D;
}

.pi-title, .pi-header,
.pi-horizontal-group .pi-header {
 color: #fff;
 font-weight: bold;
 text-align: center;
}

.portable-infobox .pi-data-value ul {
 list-style-position: outside;
 margin-left: 18px;
}

```

## Change Colors

Location: MediaWiki:Wikia.js

```
/\* Portable infoboxes colors \*/
(function() {
 // Function to check for Portable Infoboxes, and change their color
 var changeColors = function() {
 var PIs = $('.portable-infobox');
 if (PIs.length) PIs.each(function() {
 var $PI = $(this);
 $PImg = $('.pi-image-thumbnail',this);
 $prev = $(this).prev();
 if ($prev.text()) $PImg.css({
 width: $prev.text(),
 height: 'auto'
 });
 color = '',
 classNames = $PI.attr('class').split(' ');
 for (var i = 0; i < classNames.length; i++) {
 if (classNames[i].indexOf('pi-theme-\_') !== -1) {
 color = classNames[i].replace('pi-theme-\_', '');
 break;
 }
 }
 if (color) $PI.css('border', '2px solid #' + color);
 });
 };
 changeColors();
})();

```