Template:Infobox software: Difference between revisions
Jump to navigation
Jump to search
Created page with "<includeonly><table class="infobox vevent" style="width: 22em; text-align: left; font-size: 88%; line-height: 1.5em; border: 1px solid #a2a9b1; background-color: #f8f9fa; padding: 5px; float: right; margin: 0.5em 0 1em 1em;"> <tr><th colspan="2" class="summary" style="text-align: center; font-size: 125%; font-weight: bold; background-color: #ced4da; padding: 0.4em;">{{{name|{{PAGENAME}}}}}</th></tr> {{#if:{{{screenshot|}}}|<tr><td colspan="2" style="text-align: c..." |
beautify the box |
||
| Line 1: | Line 1: | ||
<includeonly><table class="infobox | <includeonly><table class="infobox" style="width: 280px; float: right; clear: right; margin: 0 0 1em 1em; border: 1px solid #c8ccd1; border-radius: 4px; border-collapse: separate; border-spacing: 0; background-color: #ffffff; color: #202122; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Lato, Helvetica, Arial, sans-serif; font-size: 13px; line-height: 1.5; box-shadow: 0 1px 3px rgba(0,0,0,0.05);"> | ||
<tr><th colspan="2 | |||
{{#if:{{{screenshot|}}}|<tr><td colspan="2" style="text-align: center;">[[File:{{{screenshot}}}| | <!-- Header / Title --> | ||
{{#if:{{{developer|}}}|<tr><th>Developer</th><td>{{{developer}}}</td></tr>}} | <tr> | ||
{{#if:{{{released|}}}|<tr><th>Initial release</th><td>{{{released}}}</td></tr>}} | <th colspan="2" style="text-align: center; font-size: 16px; font-weight: 600; padding: 12px; background-color: #2c3e50; color: #ffffff; border-top-left-radius: 3px; border-top-right-radius: 3px;"> | ||
{{#if:{{{discontinued|}}}|<tr><th>Discontinued</th><td>{{{discontinued}}}</td></tr>}} | {{{name|{{PAGENAME}}}}} | ||
{{#if:{{{programming language|}}}|<tr><th>Written in</th><td>{{{programming language}}}</td></tr>}} | </th> | ||
{{#if:{{{operating system|}}}|<tr><th>Operating system</th><td>{{{operating system}}}</td></tr>}} | </tr> | ||
{{#if:{{{platform|}}}|<tr><th>Platform</th><td>{{{platform}}}</td></tr>}} | |||
{{#if:{{{genre|}}}|<tr><th>Genre</th><td>{{{genre}}}</td></tr>}} | <!-- Image Section --> | ||
{{#if:{{{license|}}}|<tr><th>License</th><td>{{{license}}}</td></tr>}} | {{#if:{{{screenshot|}}}| | ||
{{#if:{{{website|}}}|<tr><th>Website</th><td>{{{website}}}</td></tr>}} | <tr> | ||
<td colspan="2" style="text-align: center; padding: 12px; background-color: #f8f9fa; border-bottom: 1px solid #eaecf0;"> | |||
[[File:{{{screenshot}}}|240px|alt={{{caption|}}}]] | |||
{{#if:{{{caption|}}}|<div style="font-size: 11px; color: #54595d; line-height: 1.3; margin-top: 6px; padding: 0 4px;">{{{caption}}}</div>}} | |||
</td> | |||
</tr> | |||
}} | |||
<!-- Data Fields Helper Macro for Clean Rows --> | |||
{{#if:{{{developer|}}}| | |||
<tr> | |||
<th style="width: 35%; padding: 8px 10px; text-align: left; font-weight: 600; color: #54595d; border-bottom: 1px solid #eaecf0; vertical-align: top;">Developer</th> | |||
<td style="padding: 8px 10px; border-bottom: 1px solid #eaecf0; vertical-align: top;">{{{developer}}}</td> | |||
</tr> | |||
}} | |||
{{#if:{{{released|}}}| | |||
<tr> | |||
<th style="padding: 8px 10px; text-align: left; font-weight: 600; color: #54595d; border-bottom: 1px solid #eaecf0; vertical-align: top;">Initial release</th> | |||
<td style="padding: 8px 10px; border-bottom: 1px solid #eaecf0; vertical-align: top;">{{{released}}}</td> | |||
</tr> | |||
}} | |||
{{#if:{{{discontinued|}}}| | |||
<tr> | |||
<th style="padding: 8px 10px; text-align: left; font-weight: 600; color: #54595d; border-bottom: 1px solid #eaecf0; vertical-align: top;">Discontinued</th> | |||
<td style="padding: 8px 10px; border-bottom: 1px solid #eaecf0; vertical-align: top; color: #b32121; font-weight: 500;">{{{discontinued}}}</td> | |||
</tr> | |||
}} | |||
{{#if:{{{programming language|}}}| | |||
<tr> | |||
<th style="padding: 8px 10px; text-align: left; font-weight: 600; color: #54595d; border-bottom: 1px solid #eaecf0; vertical-align: top;">Written in</th> | |||
<td style="padding: 8px 10px; border-bottom: 1px solid #eaecf0; vertical-align: top;">{{{programming language}}}</td> | |||
</tr> | |||
}} | |||
{{#if:{{{operating system|}}}| | |||
<tr> | |||
<th style="padding: 8px 10px; text-align: left; font-weight: 600; color: #54595d; border-bottom: 1px solid #eaecf0; vertical-align: top;">Operating system</th> | |||
<td style="padding: 8px 10px; border-bottom: 1px solid #eaecf0; vertical-align: top;">{{{operating system}}}</td> | |||
</tr> | |||
}} | |||
{{#if:{{{platform|}}}| | |||
<tr> | |||
<th style="padding: 8px 10px; text-align: left; font-weight: 600; color: #54595d; border-bottom: 1px solid #eaecf0; vertical-align: top;">Platform</th> | |||
<td style="padding: 8px 10px; border-bottom: 1px solid #eaecf0; vertical-align: top;">{{{platform}}}</td> | |||
</tr> | |||
}} | |||
{{#if:{{{genre|}}}| | |||
<tr> | |||
<th style="padding: 8px 10px; text-align: left; font-weight: 600; color: #54595d; border-bottom: 1px solid #eaecf0; vertical-align: top;">Genre</th> | |||
<td style="padding: 8px 10px; border-bottom: 1px solid #eaecf0; vertical-align: top;">{{{genre}}}</td> | |||
</tr> | |||
}} | |||
{{#if:{{{license|}}}| | |||
<tr> | |||
<th style="padding: 8px 10px; text-align: left; font-weight: 600; color: #54595d; border-bottom: 1px solid #eaecf0; vertical-align: top;">License</th> | |||
<td style="padding: 8px 10px; border-bottom: 1px solid #eaecf0; vertical-align: top;">{{{license}}}</td> | |||
</tr> | |||
}} | |||
{{#if:{{{website|}}}| | |||
<tr> | |||
<th style="padding: 8px 10px; text-align: left; font-weight: 600; color: #54595d; vertical-align: top;">Website</th> | |||
<td style="padding: 8px 10px; vertical-align: top; word-break: break-all;">{{{website}}}</td> | |||
</tr> | |||
}} | |||
</table></includeonly> | </table></includeonly> | ||