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: {{#ifeq:{{{type|}}}|gold|linear-gradient(to bottom, #fffdf0 0%, #fbf4cc 100%)|linear-gradient(to bottom, #f0f7fc 0%, #dbe6f0 100%)}};  
   background: {{#switch:{{{type|}}}|gold=linear-gradient(to bottom, #ffffff 0%, #fffbd0 45%, #fffa99 50%, #fff766 100%)|#ffffff}};  
   border: 1px solid {{#ifeq:{{{type|}}}|gold|#e6c200|#a3bccc}};  
   background-color: {{#switch:{{{type|}}}|gold=#fff766|#ffffff}};
   border-top: 3px solid {{#ifeq:{{{type|}}}|gold|#ffcc00|#4a90e2}};  
   border: 1px solid {{#switch:{{{type|}}}|gold=#d4b200|#89b6dc}};  
   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;">
   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;">
    
    
   <!-- Glossy Title Bar -->
   <!-- High-Gloss Web 2.0 Title Bar -->
   <tr>
   <tr>
     <th colspan="2" style="text-align: left; font-size: 14px; font-weight: bold; padding: 6px 8px;  
     <th colspan="2" style="text-align: left; font-size: 14px; font-weight: bold; padding: 7px 10px;  
       background: {{#ifeq:{{{type|}}}|gold|linear-gradient(to bottom, #ffea88 0%, #f7d22d 100%)|linear-gradient(to bottom, #dbe9f6 0%, #aacae6 100%)}};  
       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 {{#ifeq:{{{type|}}}|gold|#dcb510|#94b7d4}};  
       border: 1px solid {{#switch:{{{type|}}}|gold=#c29d00|#5394cb}};  
       border-radius: 3px;  
       border-radius: 5px;  
       color: {{#ifeq:{{{type|}}}|gold|#443400|#2b4e6c}};  
       color: {{#switch:{{{type|}}}|gold=#3b2d00|#1e3d59}};  
       text-shadow: 0 1px 0 {{#ifeq:{{{type|}}}|gold|#fff3be|#ecf4fa}};">{{{name|{{PAGENAME}}}}}</th>
       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>


   <!-- Framed Image Container -->
   <!-- Styled Reflection Image Container -->
   {{#if:{{{image|}}}|
   {{#if:{{{image|}}}|
   <tr>
   <tr>
     <td colspan="2" style="text-align: center; padding: 8px 0;">
     <td colspan="2" style="text-align: center; padding: 6px 0;">
       <div style="display: inline-block; padding: 4px; background: #ffffff; border: 1px solid {{#ifeq:{{{type|}}}|gold|#dcb510|#94b7d4}}; border-radius: 3px; box-shadow: 0 1px 2px rgba(0,0,0,0.1);">
       <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: 5px; text-align: center; color: {{#ifeq:{{{type|}}}|gold|#5a4b10|#4a6880}};">{{{caption}}}</div>}}
       {{#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 6px; font-weight: bold; width: 35%; color: {{#ifeq:{{{type|}}}|gold|#7c6815|#4e6b82}}; text-align: right; font-size: 11px; text-transform: uppercase; vertical-align: middle;">{{{label1|}}}:</th>
     <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 6px; width: 65%; color: #333333; font-weight: bold; vertical-align: middle;">{{{data1}}}</td>
     <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 6px; font-weight: bold; width: 35%; color: {{#ifeq:{{{type|}}}|gold|#7c6815|#4e6b82}}; text-align: right; font-size: 11px; text-transform: uppercase; vertical-align: middle;">{{{label2|}}}:</th>
     <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 6px; width: 65%; color: #333333; font-weight: bold; vertical-align: middle;">{{{data2}}}</td>
     <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 3 -->
   <!-- Glass-Slick Section Header -->
   {{#if:{{{header3|}}}|
   {{#if:{{{header3|}}}|
   <tr>
   <tr>
     <th colspan="2" style="background: {{#ifeq:{{{type|}}}|gold|linear-gradient(to bottom, #b59200 0%, #856b00 100%)|linear-gradient(to bottom, #4a75a0 0%, #2b4e75 100%)}}; border: 1px solid {{#ifeq:{{{type|}}}|gold|#665200|#1f3956}}; 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.5); letter-spacing: 0.5px;">{{{header3}}}</th>
     <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 6px; font-weight: bold; width: 35%; color: {{#ifeq:{{{type|}}}|gold|#7c6815|#4e6b82}}; text-align: right; font-size: 11px; text-transform: uppercase; vertical-align: middle;">{{{label4|}}}:</th>
     <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 6px; width: 65%; color: #333333; font-weight: bold; vertical-align: middle;">{{{data4}}}</td>
     <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 6px; font-weight: bold; width: 35%; color: {{#ifeq:{{{type|}}}|gold|#7c6815|#4e6b82}}; text-align: right; font-size: 11px; text-transform: uppercase; vertical-align: middle;">{{{label5|}}}:</th>
     <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 6px; width: 65%; color: #0033cc; font-weight: bold; vertical-align: middle;">{{{data5}}}</td>
     <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>

Revision as of 18:32, 14 July 2026