Template:Infobox standard: Difference between revisions
From UtubeTrollPedia
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
<includeonly><table class="infobox" style="width: 280px; text-align: left; font-size: 12px; line-height: 1.5em; | <includeonly><table class="infobox web20-glossy" style="width: 280px; text-align: left; font-size: 12px; line-height: 1.5em; | ||
background: {{# | background: {{#switch:{{{type|}}}|gold=linear-gradient(to bottom, #ffffff 0%, #fffbd0 45%, #fffa99 50%, #fff766 100%)|#ffffff}}; | ||
background-color: {{#switch:{{{type|}}}|gold=#fff766|#ffffff}}; | |||
border | border: 1px solid {{#switch:{{{type|}}}|gold=#d4b200|#89b6dc}}; | ||
border-radius: | border-radius: 8px; | ||
box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 4px 8px rgba(0,0,0,0.15), 0 0 0 1px rgba(0,0,0,0.05); | |||
padding: 8px; float: right; margin: 0.5em 0 1em 1em; border-collapse: separate; border-spacing: 0 6px; color: #222222; font-family: 'Lucida Grande', Tahoma, Arial, sans-serif;"> | |||
<!-- | <!-- High-Gloss Web 2.0 Title Bar --> | ||
<tr> | <tr> | ||
<th colspan="2" style="text-align: left; font-size: 14px; font-weight: bold; padding: | <th colspan="2" style="text-align: left; font-size: 14px; font-weight: bold; padding: 7px 10px; | ||
background: {{# | background: {{#switch:{{{type|}}}|gold=linear-gradient(to bottom, #fff3a1 0%, #ffd933 48%, #f2be00 52%, #e6b200 100%)|linear-gradient(to bottom, #e4f2fc 0%, #badaf6 48%, #8fc4f0 52%, #6caee5 100%)}}; | ||
border: 1px solid {{# | border: 1px solid {{#switch:{{{type|}}}|gold=#c29d00|#5394cb}}; | ||
border-radius: | border-radius: 5px; | ||
color: {{# | color: {{#switch:{{{type|}}}|gold=#3b2d00|#1e3d59}}; | ||
text-shadow: 0 1px 0 | text-shadow: 0 1px 0 rgba(255,255,255,0.8); | ||
box-shadow: inset 0 1px 1px rgba(255,255,255,0.9), 0 1px 2px rgba(0,0,0,0.15);">{{{name|{{PAGENAME}}}}}</th> | |||
</tr> | </tr> | ||
<!-- | <!-- Styled Reflection Image Container --> | ||
{{#if:{{{image|}}}| | {{#if:{{{image|}}}| | ||
<tr> | <tr> | ||
<td colspan="2" style="text-align: center; padding: | <td colspan="2" style="text-align: center; padding: 6px 0;"> | ||
<div style="display: inline-block; padding: | <div style="display: inline-block; padding: 6px; background: #ffffff; background: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 100%); border: 1px solid #bbbbbb; border-radius: 6px; box-shadow: 0 2px 5px rgba(0,0,0,0.12), inset 0 1px 0 #ffffff;"> | ||
[[File:{{{image}}}|240px|alt={{{name|}}}]] | [[File:{{{image}}}|240px|alt={{{name|}}}]] | ||
</div> | </div> | ||
{{#if:{{{caption|}}}|<div style="font-size: 11px; padding-top: | {{#if:{{{caption|}}}|<div style="font-size: 11px; font-style: italic; padding-top: 6px; text-align: center; color: #555555; text-shadow: 0 1px 0 #ffffff;">{{{caption}}}</div>}} | ||
</td> | </td> | ||
</tr> | </tr> | ||
| Line 30: | Line 33: | ||
{{#if:{{{data1|}}}| | {{#if:{{{data1|}}}| | ||
<tr> | <tr> | ||
<th scope="row" style="padding: 4px | <th scope="row" style="padding: 4px 8px; font-weight: bold; width: 38%; color: {{#switch:{{{type|}}}|gold=#6b5500|#46627a}}; text-align: right; font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px; vertical-align: middle; text-shadow: 0 1px 0 #ffffff;">{{{label1|}}}:</th> | ||
<td style="padding: 4px | <td style="padding: 4px 8px; width: 62%; color: #111111; font-weight: bold; vertical-align: middle; text-shadow: 0 1px 0 #ffffff;">{{{data1}}}</td> | ||
</tr> | </tr> | ||
}} | }} | ||
| Line 38: | Line 41: | ||
{{#if:{{{data2|}}}| | {{#if:{{{data2|}}}| | ||
<tr> | <tr> | ||
<th scope="row" style="padding: 4px | <th scope="row" style="padding: 4px 8px; font-weight: bold; width: 38%; color: {{#switch:{{{type|}}}|gold=#6b5500|#46627a}}; text-align: right; font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px; vertical-align: middle; text-shadow: 0 1px 0 #ffffff;">{{{label2|}}}:</th> | ||
<td style="padding: 4px | <td style="padding: 4px 8px; width: 62%; color: #111111; font-weight: bold; vertical-align: middle; text-shadow: 0 1px 0 #ffffff;">{{{data2}}}</td> | ||
</tr> | </tr> | ||
}} | }} | ||
<!-- Section Header | <!-- Glass-Slick Section Header --> | ||
{{#if:{{{header3|}}}| | {{#if:{{{header3|}}}| | ||
<tr> | <tr> | ||
<th colspan="2" style="background: {{# | <th colspan="2" style="background: {{#switch:{{{type|}}}|gold=linear-gradient(to bottom, #d4b200 0%, #b39600 48%, #947c00 52%, #806b00 100%)|linear-gradient(to bottom, #5c8cb9 0%, #4373a2 48%, #325f8c 52%, #264e75 100%)}}; | ||
border: 1px solid {{#switch:{{{type|}}}|gold=#6e5a00|#1b3956}}; | |||
border-radius: 4px; font-weight: bold; text-align: left; padding: 5px 10px; font-size: 11px; color: #ffffff; text-transform: uppercase; text-shadow: 0 -1px 0 rgba(0,0,0,0.6); letter-spacing: 0.5px; | |||
box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), 0 1px 2px rgba(0,0,0,0.15);">{{{header3}}}</th> | |||
</tr> | </tr> | ||
}} | }} | ||
| Line 53: | Line 59: | ||
{{#if:{{{data4|}}}| | {{#if:{{{data4|}}}| | ||
<tr> | <tr> | ||
<th scope="row" style="padding: 4px | <th scope="row" style="padding: 4px 8px; font-weight: bold; width: 38%; color: {{#switch:{{{type|}}}|gold=#6b5500|#46627a}}; text-align: right; font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px; vertical-align: middle; text-shadow: 0 1px 0 #ffffff;">{{{label4|}}}:</th> | ||
<td style="padding: 4px | <td style="padding: 4px 8px; width: 62%; color: #111111; font-weight: bold; vertical-align: middle; text-shadow: 0 1px 0 #ffffff;">{{{data4}}}</td> | ||
</tr> | </tr> | ||
}} | }} | ||
| Line 61: | Line 67: | ||
{{#if:{{{data5|}}}| | {{#if:{{{data5|}}}| | ||
<tr> | <tr> | ||
<th scope="row" style="padding: 4px | <th scope="row" style="padding: 4px 8px; font-weight: bold; width: 38%; color: {{#switch:{{{type|}}}|gold=#6b5500|#46627a}}; text-align: right; font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px; vertical-align: middle; text-shadow: 0 1px 0 #ffffff;">{{{label5|}}}:</th> | ||
<td style="padding: 4px | <td style="padding: 4px 8px; width: 62%; color: #0044cc; font-weight: bold; vertical-align: middle; text-shadow: 0 1px 0 #ffffff;">{{{data5}}}</td> | ||
</tr> | </tr> | ||
}} | }} | ||
</table></includeonly> | </table></includeonly> | ||
