|
|
| 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;">
| | {{Infobox subject |
|
| | | name = John Doe |
| <!-- Glossy Title Bar -->
| | | image = Placeholder.png |
| <tr>
| | | caption = A photograph of John Doe in 2026. |
| <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>
| | | label1 = Born |
| </tr>
| | | data1 = January 1, 1990 |
| | | | label2 = Nationality |
| <!-- Image Container -->
| | | data2 = American |
| {{#if:{{{image|}}}|
| | | header3 = Professional Career |
| <tr>
| | | label4 = Occupation |
| <td colspan="2" style="text-align: center; padding: 8px 0;">
| | | data4 = Software Engineer |
| <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);"> | | | label5 = Website |
| [[File:{{{image}}}|240px|alt={{{name|}}}]]
| | | data5 = [https://example.com example.com] |
| </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>
| |
