Hilborn: Try to remove

since mediawiki interprets as a heading, causing the Contents box to appear inside the Category box

2015-05-01T17:48:43Z

Try to remove <h2> since mediawiki interprets as a heading, causing the Contents box to appear inside the Category box

New page

{{#css:
#category-page {
background-color: #111;
color: #CCC;
font-family: sans-serif;
font-size: 12.8px;
border: 4px #fff double;
width: 800px;
padding-bottom: 10px;
}
#category-page .header {
background-color: #000;
height: 50px;
padding: 0px 10px;
position: relative;
}
#category-page .header .headerbg {
margin-left: -10px;
text-align: left;
width: 605px;
}
#category-page .header .mask {
background-color: transparent;
height: 50px;
left: 0px;
position: absolute;
top: 0px;
width: 605px;
}
#category-page .header .ctitle {
color: #C1B193;
font-family: trebuchet MS;
font-size: 11px;
font-variant: small-caps;
font-weight: normal;
line-height: 15px;
margin-left: -3px;
position: absolute;
top: 0px;
}
#category-page .header .catname {
font-family: trebuchet MS;
font-size: 30px;
font-variant: small-caps;
font-weight: bold;
line-height: 30px;
margin-left: -5px;
position: absolute;
top: 17px;
}
#category-page .breadcrumbs {
background-color: #000;
border-bottom: 1px solid #2D2413;
border-top: 1px solid #2D2413;
height: 20px;
margin: 0px 0px 15px;
padding-left: 3px;
}
#category-page .breadcrumbs a, #category-page .breadcrumbs strong.selflink {
color: #B89964;
display: inline-block;
font-family: trebuchet MS;
font-size: 100%;
font-variant: small-caps;
height: 20px;
line-height: 20px;
padding: 0px 3px;
}
#category-page .breadcrumbs .separator {
margin: 0px 3px;
}
#category-page .main .left-col {
background-color: #222222;
border-color: #272727 #151515 #151515 #272727;
border-style: solid;
border-width: 2px;
padding: 5px;
width: 256px;
}
#category-page .main .box-line {
padding: 0 10px;
}
#category-page .main .box-attributes {
background-color: black;
border: 1px solid #272727;
display: inline-block;
margin-left: 10px;
padding: 5px;
}
#category-page .main .box-info {
margin-top: 5px;
padding: 0;
}
#category-page .main .box-line {
padding: 0 10px;
}
#category-page .main .box-info .ecm-info {
background-color: transparent;
width: 100%;
}
#category-page .main .box-info .ecm-info .faction {
color: #FFF;
font-family: helvetica;
font-size: 150%;
font-variant: small-caps;
font-weight: bold;
height: 25px;
padding-bottom: 2px;
text-align: center;
vertical-align: bottom;
}
#category-page .main .box-info .ecm-info .faction-img {
width: 50px;
}
#category-page .main .box-info .ecm-info .hull-type {
height: 20px;
padding: 0 5px;
text-align: center;
}
#category-page .main .box-info .ecm-info .hull-type a {
color: #FFA500;
font-family: trebuchet MS;
font-size: 110%;
text-transform: uppercase;
}
#category-page .main .box-info .ecm-info .ecm-priority {
background-color: #222222;
border: 1px solid #323931;
padding: 2px;
position: relative;
width: 90px;
}
#category-page .main .box-info .ecm-info .ecm-priority .label {
font-family: trebuchet MS;
font-size: 10px;
font-variant: small-caps;
line-height: 100%;
padding: 3px;
text-align: center;
}
#category-page .main .box-info .ecm-info .ecm-priority .value {
background-color: black;
font-family: trebuchet MS;
font-size: 16px;
font-weight: bold;
line-height: 15px;
overflow: hidden;
padding: 3px 0 0;
text-align: center;
}
#category-page .main .box-info .ecm-info .ecm-priority .label2 {
background-color: black;
font-family: trebuchet MS;
font-size: 10px;
margin-bottom: 2px;
padding-bottom: 3px;
text-align: center;
text-transform: uppercase;
}
#category-page .main .box-info .ecm-info .ecm-priority .snip {
color: #656565;
font-size: 70%;
line-height: 100%;
text-align: right;
}
#category-page .main .box-info .ecm-info td {
line-height: 110%;
vertical-align: middle;
}
#category-page .main .box-discussion {
background-color: #1A1A1A;
border-color: #393734 black;
border-style: solid;
border-width: 1px;
margin-left: -6px;
margin-right: -6px;
margin-top: 5px;
padding: 5px;
}
#category-page .main .box-discussion .discussion-bgr {
color: rgb(160, 160, 160);
font-family: trebuchet MS;
font-size: 90%;
}
#category-page .main .box-discussion .linkname {
font-size: 11px;
line-height: 120%;
padding: 0px 5px;
}
#category-page .main .box-awards {
margin-left: -6px;
margin-right: -6px;
padding: 10px 0px 5px;
position: relative;
}
#category-page .main .box-awards .award {
background-color: #1A1A1A;
border-color: #393734 #000;
border-style: solid;
border-width: 1px;
margin-bottom: 2px;
padding: 2px 5px;
position: relative;
}
#category-page .main .box-awards .award .award-img {
display: inline-block;
}
#category-page .main .box-awards .award .award-label {
color: #B89964;
display: inline-block;
font-family: arial;
font-size: 12px;
font-variant: small-caps;
height: 19px;
left: 25px;
line-height: 19px;
position: absolute;
top: 2px;
z-index: 20;
}
#category-page .main .box-awards .award .award-bgr {
color: #B1B1B1;
float: right;
font-family: trebuchet MS;
font-size: 90%;
position: absolute;
right: 5px;
top: 2px;
z-index: 10;
}
#category-page .mw-headline {
color: #656565;
display: inline-block;
font-family: trebuchet MS;
font-size: 16px;
font-variant: small-caps;
text-align: left;
padding: 0 5px;
}
#category-page .main .box-line .att-line {
border-bottom: 1px solid #2C2B2B;
padding: 3px 3px 0;
}
#category-page .main .box-line .last {
border-bottom: 0px !important;
}
.attributes {
background-color: transparent;
margin-left: 5px;
}
.highlight {
font-weight: bold;
}
.attributes .token .line-label .label {
color: #494949;
font-size: 12px;
font-variant: small-caps;
font-weight: normal;
line-height: 100%;
text-align: right;
}
.att-line {
font-size: 11px;
}
.att-line .highlight {
color: white;
}
.att-line .att-item {
display: inline-block;
margin-bottom: 3px;
padding: 1px 5px;
}
.att-line .att-item .att-label {
color: #7D6843;
}
.att-line .att-item .att-img {
line-height: 20px;
margin: 0 2px;
}
.att-line .att-item .att-img img {
margin-top: -2px;
}
.att-line .att-item .item {
display: inline-block;
height: 21px;
line-height: 21px;
margin-left: 2px;
}
}}
<div id="category-page">
<div class="header">
<div class="headerbg">[[Image:Category_bg.jpg|center|605x50px|Something]]</div>
<div class="mask"> </div>
<div class="ctitle">Super Metroid Category</div>
<div class="catname">{{{catname|Unknown}}}</div>
</div>
<div class="breadcrumbs">[[:Category:Category|Categories]]<span class='separator'>▸</span>[[:Category:{{{cattype|Unknown}}}|{{{cattype|Unknown}}}]]<span class='separator'>▸</span>[[{{{catname|Unknown}}}|{{{catname|Unknown}}}]]
</div>
<div class="main">
<table cellspacing="0" cellpadding="0" style="width:100%">
<tr>
<td class="left-col" style="vertical-align: top;">
<div class='box-line box-info'>
<table class='ecm-info' cellspacing='0' cellpadding='0'>
<tr>
<td class="faction">{{{catname|Unknown}}}</td>
<td rowspan='2' style='width: 70px;'>
<div class='ecm-priority'>
<div class='label'>WORLD RECORD</div>
<div class='value normal'>{{{rtwr|00:00}}}</div>
<div class='label2'>{{{gtwr|00:00}}} IGT</div>
</div>
</td>
</tr>
<tr>
<td class='hull-type'>[[:Category:{{{cattype|Unknown}}}|{{{cattype|Unknown}}}]]</td>
</tr>
</table>
</div>
<div class='box-line box-awards'>
<div class='award' style='display:block'>
<div class='award-img'>[[Image:Icon_highlights.png|15x15px|middle|World Record Holder]]</div>
<div class='award-label'>World Record Holder: </div>
<div class='award-bgr'>{{{wrholder|Unknown}}}</div>
</div>
</div>
<div class='box-line box-discussion'>
<div class='discussion-bgr'>WORLD RECORD RECORDING</div>
<div class='linkname'>[{{{wrlink}}} {{{wrtext}}}]</div>
</div>
</td>
<td style="vertical-align: top;">
<div class='box-line box-attributes'>
<span class='mw-headline'>Category Details</span>
<table class='attributes' cellspacing='0' cellpadding='0'>
<tr class='token'>
<td class="line-label"><span class="label">Timing</span></td>
<td class="att-line">
<div class="att-item highlight">
<div class="item att-label">Start Timer: </div>
<div class="item att-value">{{{starttime|On Start Game}}}</div>
</div>
<div class="att-item highlight">
<div class="item att-label">Stop Timer: </div>
<div class="item att-value">{{{endtime|Entering Ship Animation}}}</div>
</div>
</td>
</tr>
<tr class='token'>
<td class="line-label"><span class="label">Location</span></td>
<td class="att-line">
<div class="att-item highlight">
<div class="item att-label">Begin At: </div>
<div class="item att-value">{{{startlocation|Ceres Station}}}</div>
</div>
<div class="att-item highlight">
<div class="item att-label">End At: </div>
<div class="item att-value">{{{endlocation|End of Zebes Escape}}}</div>
</div>

</td>
</tr>
<tr class='token'>
<td class="line-label"><span class="label">Collection</span></td>
<td class="att-line">
<div class="att-item highlight">
<div class="item att-label">Percentage: </div>
<div class="item att-value">{{{percentage|Any}}}</div>
</div>
<div class="att-item highlight">
<div class="item att-label">Items: </div>
<div class="item att-value">{{{items|None}}}</div>
</div>
</td>
</tr>
<tr class='token'>
<td class="line-label"><span class="label">Bosses</span></td>
<td class="att-line">
<div class="att-item highlight">
<div class="item att-label">Major Bosses: </div>
<div class="item att-value">{{{bosses|All}}}</div>
</div>
<div class="att-item highlight">
<div class="item att-label">Mini-Bosses: </div>
<div class="item att-value">{{{minibosses|None}}}</div>
</div>
<div class="att-item highlight">
<div class="item att-label">Boss Order: </div>
<div class="item att-value">{{{bossorder|None}}}</div>
</div>
</td>
</tr>
<tr class='token'>
<td class="line-label"><span class="label">Glitches</span></td>
<td class="att-line last">
<div class="att-item highlight">
<div class="item att-label">[[GT Code]]: </div>
<div class="item att-value">{{{gtcode|No}}}</div>
</div>
<div class="att-item highlight">
<div class="item att-label">[[Spacetime Beam|Spacetime]]: </div>
<div class="item att-value">{{{spacetime|No}}}</div>
</div>
<div class="att-item highlight">
<div class="item att-label">[[X-Ray Climb]]: </div>
<div class="item att-value">{{{xrayclimb|No}}}</div>
</div>
<div class="att-item highlight">
<div class="item att-label">[[Out Of Bounds]]: </div>
<div class="item att-value">{{{outofbounds|No}}}</div>
</div>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</div>
</div>
<noinclude>
Below is the code and parameters for including the template into a page. The second section of parameters is optional, as their default values show up in the template above.
<pre>{{Category
|catname=
|cattype=
|rtwr=
|gtwr=
|wrholder=
|wrlink=
|wrtext=

|starttime=
|endtime=
|startlocation=
|endlocation=
|percentage=
|items=
|bosses=
|minibosses=
|bossorder=
|gtcode=
|spacetime=
|xrayclimb=
|outofbounds=
}}</pre>
[[Category:Template]]</noinclude>

Template:Category - Revision history

Hilborn: Try to remove

since mediawiki interprets as a heading, causing the Contents box to appear inside the Category box