Template:Infobox subject: Difference between revisions
From UtubeTrollPedia
Created page with "{{Infobox subject | name = John Doe | image = Placeholder.png | caption = A photograph of John Doe in 2026. | label1 = Born | data1 = January 1, 1990 | label2 = Nationality | data2 = American | header3 = Professional Career | label4 = Occupation | data4 = Software Engineer | label5 = Website | data5 = [https://example.com example.com] }}" |
No edit summary |
||
| (One intermediate revision by the same user not shown) | |||
| Line 1: | Line 1: | ||
{{ | <includeonly><table class="infobox youtube-glossy-infobox" style="width: 280px; text-align: left; font-size: 12px; line-height: 1.5em; background: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 100%); border: 1px solid #cccccc; border-top: 3px solid #cc181e; border-radius: 4px; box-shadow: 0 1px 3px rgba(0,0,0,0.15); padding: 6px; float: right; margin: 0.5em 0 1em 1em; border-collapse: separate; border-spacing: 0 4px; color: #333333; font-family: Arial, sans-serif;"> | ||
| | |||
<!-- Glossy Title Bar --> | |||
| caption | <tr> | ||
| label1 | <th colspan="2" style="text-align: left; font-size: 14px; font-weight: bold; padding: 6px 8px; background: linear-gradient(to bottom, #fcfcfc 0%, #e8e8e8 100%); border: 1px solid #d3d3d3; border-radius: 3px; color: #444444; text-shadow: 0 1px 0 #ffffff;">{{{name|{{PAGENAME}}}}}</th> | ||
| | </tr> | ||
| | <!-- Image Container --> | ||
| | {{#if:{{{image|}}}| | ||
<tr> | |||
| | <td colspan="2" style="text-align: center; padding: 8px 0;"> | ||
| | <div style="display: inline-block; padding: 4px; background: #ffffff; border: 1px solid #cccccc; border-radius: 3px; box-shadow: 0 1px 2px rgba(0,0,0,0.1);"> | ||
[[File:{{{image}}}|240px|alt={{{name|}}}]] | |||
}} | </div> | ||
{{#if:{{{caption|}}}|<div style="font-size: 11px; padding-top: 5px; text-align: center; color: #666666;">{{{caption}}}</div>}} | |||
</td> | |||
</tr> | |||
}} | |||
<!-- Row 1 --> | |||
{{#if:{{{data1|}}}| | |||
<tr> | |||
<th scope="row" style="padding: 4px 6px; font-weight: bold; width: 35%; color: #666666; text-align: right; font-size: 11px; text-transform: uppercase; vertical-align: middle;">{{{label1|}}}:</th> | |||
<td style="padding: 4px 6px; width: 65%; color: #333333; font-weight: bold; vertical-align: middle;">{{{data1}}}</td> | |||
</tr> | |||
}} | |||
<!-- Row 2 --> | |||
{{#if:{{{data2|}}}| | |||
<tr> | |||
<th scope="row" style="padding: 4px 6px; font-weight: bold; width: 35%; color: #666666; text-align: right; font-size: 11px; text-transform: uppercase; vertical-align: middle;">{{{label2|}}}:</th> | |||
<td style="padding: 4px 6px; width: 65%; color: #333333; font-weight: bold; vertical-align: middle;">{{{data2}}}</td> | |||
</tr> | |||
}} | |||
<!-- Old School Dark YouTube Section Header --> | |||
{{#if:{{{header3|}}}| | |||
<tr> | |||
<th colspan="2" style="background: linear-gradient(to bottom, #444444 0%, #222222 100%); border: 1px solid #111111; border-radius: 2px; font-weight: bold; text-align: left; padding: 4px 8px; font-size: 11px; color: #ffffff; text-transform: uppercase; text-shadow: 0 -1px 0 rgba(0,0,0,0.7); letter-spacing: 0.5px;">{{{header3}}}</th> | |||
</tr> | |||
}} | |||
<!-- Row 4 --> | |||
{{#if:{{{data4|}}}| | |||
<tr> | |||
<th scope="row" style="padding: 4px 6px; font-weight: bold; width: 35%; color: #666666; text-align: right; font-size: 11px; text-transform: uppercase; vertical-align: middle;">{{{label4|}}}:</th> | |||
<td style="padding: 4px 6px; width: 65%; color: #333333; font-weight: bold; vertical-align: middle;">{{{data4}}}</td> | |||
</tr> | |||
}} | |||
<!-- Row 5 --> | |||
{{#if:{{{data5|}}}| | |||
<tr> | |||
<th scope="row" style="padding: 4px 6px; font-weight: bold; width: 35%; color: #666666; text-align: right; font-size: 11px; text-transform: uppercase; vertical-align: middle;">{{{label5|}}}:</th> | |||
<td style="padding: 4px 6px; width: 65%; color: #0033cc; font-weight: bold; vertical-align: middle;">{{{data5}}}</td> | |||
</tr> | |||
}} | |||
</table></includeonly> | |||