ICarly test

Template:Infobox

```
<infobox>
	<title source="Box title"><label>Box title</label><default>No Title</default></title>
	<image source="Image file" />
	<data source="Row 1 info"><label>{{{Row 1 title|No Title}}}</label></data>
	<data source="Row 2 info"><label>{{{Row 2 title}}}</label></data>
	<data source="Row 3 info"><label>{{{Row 3 title}}}</label></data>
	<data source="Row 4 info"><label>{{{Row 4 title}}}</label></data>
	<data source="Row 5 info"><label>{{{Row 5 title}}}</label></data>
	<data source="Row 6 info"><label>{{{Row 6 title}}}</label></data>
	<data source="Row 7 info"><label>{{{Row 7 title}}}</label></data>
	<data source="Row 8 info"><label>{{{Row 8 title}}}</label></data>
	<data source="Row 9 info"><label>{{{Row 9 title}}}</label></data>
	<data source="Row 10 info"><label>{{{Row 10 title}}}</label></data>
</infobox>

```

Template:Episode

```
<infobox theme="episode">
	<title source="episode"><label>episode</label></title>
	<data>
	    <default>
	    <center class="pi-subtitle">Season {{{season}}}, Episode {{{number}}}</center>
	    </default>
	    <format>
	    <center class="pi-subtitle">Season {{{season}}}, Episode {{{number}}}</center>
	    </format>
        </data>
	<image source="image"/>
	<data source="airdate"><label>First Aired</label></data>
	<data source="pc"><label>Production Code</label></data>
	<data source="writer"><label>Writer(s)</label></data>
	<data source="director"><label>Director(s)</label></data>
	<group layout="horizontal">
	    <header>[[Episode Guide]]</header>
	<data source="previous"><label>previous</label></data>
	<data source="next"><label>next</label></data></group>
</infobox>

```

CSS

```
.portable-infobox {
 border: 1px solid black;
 color: black;
 padding: 10px;
}
.portable-infobox .pi-background,
.pi-europa.pi-background {
 background-color: white;
}
.portable-infobox .pi-data { border-bottom: 0; }
.portable-infobox .pi-item-spacing { padding: 1px 0; }
.pi-image { padding: 5px 0; }
.pi-theme-wikia .pi-title,
.pi-theme-episode .pi-title {
 color: black;
 height:32px;
 background-color: #00F5FF;
 padding: 1px;
 text-align: center;
 font-weight: bold;
 font-style: italic;
}
.pi-theme-episode .pi-subtitle {
 text-align: center;
 font-weight: bold;
 font-style: italic;
 width:300px;
}
.pi-theme-wikia .pi-data .pi-data-label {
 vertical-align: top;
 background-color: #00f4ff;
}
.pi-theme-episode .pi-data .pi-data-label {
 vertical-align: top;
 flex-basis: 50%;
}
.pi-theme-episode .pi-data .pi-data-value {
 vertical-align: top;
 flex-basis: inherit;
}
.pi-theme-episode .pi-border-color { border-color: white; }
.portable-infobox .pi-horizonal-group-item.pi-data-label {
 text-align: center;
 font-size: 80%;
 flex-basis: inherit;
}
.portable-infobox .pi-horizonal-group-item.pi-data-value {
 background: white;
 text-align: center;
 font-weight: normal;
 font-size: 80%;
 flex-basis: inherit;
 padding: 0;
}
.pi-europa .pi-data-value { padding: 2px; }
.pi-europa .pi-horizontal-group .pi-data-value { padding: inherit; }
.pi-theme-episode .pi-header,
.pi-theme-episode .pi-header {
 background-color: #00f4ff;
 text-align: center;
 font-weight: bold;
 font-style: italic;
 padding: 5px;
}
.pi-header a:link {
 color: #0148c2;
 text-decoration: none;
}
.pi-header a:hover {
 color: #0148c2;
 text-decoration: underline;
}
.portable-infobox .pi-navigation {
 background-color: #00f4ff;
 text-align: center;
}

```