Editing Template:StatusBox

<onlyinclude>
<div style="max-width:400px;">
<div style="display:flex; flex-direction:column; {{#ifeq:{{{isBuff|}}}|true|background-color:#0BA372;|background-color:#CA401C;}} border:solid, 4px; border-radius:12px; {{#ifeq:{{{isBuff|}}}|true|border-color:#1D9460;|border-color:#B24523;}} padding: 0px 8px 4px 2px">
<div style="display:flex; flex-direction:row;">
<span style="filter: brightness(0) saturate(100%) invert(98%) sepia(19%) saturate(1458%) hue-rotate(301deg) brightness(102%) contrast(109%);"> {{#if:{{{status icon|}}}|[[File:{{{status icon|}}}.png|50px|link=]]|[[File:Status {{{status|}}}.png|50px|link=]]}} </span>
<span style="color:#FFEED4; font-family:'Retail Demo'; font-size:18px; font-weight:bold;"> {{{status|}}} </span>
</div>
{{#if:{{{description|}}}|
<div style="display:flex; flex-direction:row; align-items:end;">
<span style="color:#FFEED4; font-family:'Retail Demo'; font-size:12px;>{{{description|}}}</span>
</div>
|}}
</div></div></onlyinclude>

'''Debuff'''
{{StatusBox|isBuff=false|status=Burn}}

'''Buff'''
{{StatusBox|isBuff=true|status=Barrage Amp|status icon=Barrage}}
<noinclude>
<templatedata>
{
	"params": {
		"isBuff": {
			"description": "Determines StatusBox color",
			"type": "unknown",
			"suggestedvalues": [
				"true",
				"false"
			]
		},
		"status icon": {
			"description": "Icon used for display, if the name doesn't match. Extension already included.",
			"example": "Affliction, Pulse Grenade"
		},
		"status": {
			"description": "Name of the Status effect",
			"example": "Burn, Bleed"
		}
	}
}
</templatedata>
</noinclude>