Template:Infobox Event: Difference between revisions

From AnotherEidos R Wiki
Bejeebs (talk | contribs)
No edit summary
Tag: 2017 source edit
Bejeebs (talk | contribs)
No edit summary
Tag: 2017 source edit
Line 1: Line 1:
<!--- WIP --->
{{#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="infobox" style="min-width: max-content; background:#e7e7e7; overflow:overlay; float:right;">
<div class="anados-infobox">


<table style="width:100%; background:#f8f9fa; padding:5px; color: #304762; align:center; margin-bottom:10px; ">
<table>
<tr>
<tr class="heading-row">
<td style="min-height:120px; text-align:left; width:auto; line-height:1.2; padding-left:15px; display: table-cell; vertical-align: middle;">
<td class="heading-cell>
<span style="font-size:24px; font-weight:bold; ">{{{event-name|{{PAGENAME}}}}} </span><br>
{{{event-name|{{PAGENAME}}}}}<br>
{{{event-subtitle|SUB}}}</span>
<span>{{{event-subtitle|SUB}}}</span>
</td>
</td>
<td style="width:100px; 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 style="width:100px; 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>
Line 16: Line 25:
</tr>
</tr>
</table>
</table>
<div class="infobox-image">[[File:{{{event-image}}}|500px|center|middle]]</div>
<div class="image-container">[[File:{{{event-image}}}|500px|center|middle]]</div>
<table style="width:100%; background:#f8f9fa; color: #304762; align:center; display:none;">
<table class"details-table">
<tr>  
<tr>  
<th  colspan=2 style="background-color:#304762; color: white;">Chronology</th>
<th  colspan=2>Chronology</th>
</tr>
</tr>
<tr>  
<tr>  
<th style="background-color:#304762; color: white;">Previous</th>
<th>Previous</th>
<td style="background-color:white;">{{{previous-link}}}</td>
<td>{{{previous-link}}}</td>
</tr>
</tr>
<tr>  
<tr>  
<th style="background-color:#304762; color: white;">Next</th>
<th>Next</th>
<td style="background-color:white;">{{{next-link}}}></td>
<td>{{{next-link}}}></td>
</tr>
</tr>
</table>
</table>