Editing Template:Infobox Event

{{#css:
.anados-infobox {width:400px; background:#e7e7e7; float: right; border: solid black 1px;}
.anados-infobox table{ width:100%; background:#f8f9fa; padding:5px; color: #304762;}
.anados-infobox .heading-row{ text-align: left; line-height:1.2; padding:5px; display: table-cell; }
.anados-infobox .heading-row .heading-cell { width:80%;}
.anados-infobox .heading-row .heading-cell span{font-size:24px; font-weight:bold;}
.anados-infobox .heading-row .icon{width:10%; font-size:10px; text-align:center;}
.anados-infobox image-container{background-color:#304762; color:white;}
.anados-infobox .details-table th{background-color:#304762; color: white;}
}}
<div class="anados-infobox">
	<table>
		<tr  class="heading-row">
			<td class="heading-cell>
				<span>{{{event-name|{{PAGENAME}}}}}</span><br>
				{{{event-subtitle|SUB}}}
			</td>
			<td style="width:120px; display: table-cell; vertical-align: middle; line-height:1; font-weight:bold;"><span>Quest Code</span><br><div style="width:90px; height:85px; font-size:30px;  display: table-cell; vertical-align: middle;"> [[{{{event-name|Heartisan Cooking}}} Quests| {{{event-code|AA}}} ]]</div>
			</td>
			<td style="width:100px; display: table-cell; vertical-align: middle; line-height:1; font-weight:bold;">Event Drop<br>
				[[File:{{{event-drop|HyperDeliciousChocolate.png}}}|90px|center]]
			</td>
		</tr>
</table>
<div class="image-container">[[File:{{{event-image}}}|500px|center|middle]]</div>
<table class"details-table">
<tr> 
			<th  colspan=2>[[Story & Event Chronology| <span style="color:white">Story & Event Chronology</span>]]</th>
</tr>
		<tr> 
			<th>Previous</th>
			<td>{{{previous-link}}}</td>
		</tr>
		<tr> 
			<th>Next</th>
			<td>{{{next-link}}}</td>
		</tr>
</table>
<span style="float:left; font-size:10px;">[[Event Quests| Event]]</span>
<span style="float:right; font-size:10px;">[[Template:{{{template-name|Infobox Event}}}|[template edit]]]</span>
</div>
<includeonly>[[Category:Event]]</includeonly>