{{#css:
.infobox {
    background: #eee;
    border: 1px solid #aaa;
    float: right;
    margin: 0 0 1em 1em;
    padding: 1em;
    width: 400px;
}
.infobox-title {
    font-size: 2em;
    text-align: center;
}
.infobox-image {
    text-align: center;
}
.infobox th {
    text-align: right;
    vertical-align: top;
    width: 120px;
}
.infobox td {
    vertical-align: top;
}
}}
<div class="infobox">
<div class="infobox-title">Transformation: {{{title|{{PAGENAME}}}}}</div>{{#if:{{{image|}}}|
<div class="infobox-image">[[File:{{{image}}}|300px]]</div>}}
<table>
{{#ifeq:{{{reversible}}} |true| <tr><th>Reusability</th><td>[[:Category:Transformations|<span style="color:green">Reversible</span>]]</td> |  }}
{{#ifeq:{{{reversible}}} |difficult| <tr><th>Reusability</th><td>[[:Category:Transformations|<span style="color:orange">Difficult</span>]]</td> |  }}
{{#ifeq:{{{reversible}}} |false| <tr><th>Reusability</th><td>[[:Category:Transformations|<span style="color:red">Non-Reversible</span>]]</td> |  }}
{{#if:{{{designers|}}}|<tr>
    <th>Designers: </th>
    <td>{{{designers}}}</td>
</tr>}}{{#if:{{{dates|}}}|<tr>
    <th>Dates: </th>
    <td>{{{dates}}}</td>
</tr>}}{{#if:{{{vitamins|}}}|<tr>
    <th>Vitamins: </th>
    <td>{{{vitamins}}}</td>
</tr>}}{{#if:{{{materials|}}}|<tr>
    <th>Materials: </th>
    <td>{{{materials}}}</td>
</tr>}}{{#if:{{{transformations|}}}|<tr>
    <th>Transformations: </th>
    <td>{{{transformations}}}</td>
</tr>}}{{#if:{{{tools|}}}|<tr>
    <th>Tools: </th>
    <td>{{{tools}}}</td>
</tr>}}{{#if:{{{parts|}}}|<tr>
    <th>Parts: </th>
    <td>{{{parts}}}</td>
</tr>}}{{#if:{{{techniques|}}}|<tr>
    <th>Techniques: </th>
    <td>{{{techniques}}}</td>
</tr>}}{{#if:{{{files|}}}|<tr>
    <th>Files: </th>
    <td>{{{files}}}</td>
</tr>}}{{#if:{{{git|}}}|<tr>
    <th>Github: </th>
    <td>{{{git}}}</td>
</tr>}}{{#if:{{{sources|}}}|<tr>
    <th>Sources: </th>
    <td>{{{sources}}}</td>
</tr>}}{{#if:{{{related|}}}|<tr>
    <th>Related: </th>
    <td>{{{related}}}</td>
</tr>}}{{#if:{{{licenses|}}}|<tr>
    <th>Licenses: </th>
    <td>{{{licenses}}}</td>
</tr>}}</table>
</div>
</span>

<includeonly>
[[Category:Transformations]]
</includeonly>