Template:Script Infobox: Difference between revisions

(12 intermediate revisions by the same user not shown)

Line 1:

{| class="infobox" style="~~float: right; width: 270px; font-size: 90%; text-align: left; border~~: ~~2px solid~~ #~~555; border-collapse: collapse~~; ~~background-~~color: #~~222~~; ~~color~~: ~~#ddd~~;" ~~cellpadding="3"~~

|-

! colspan="2" style="~~background~~-~~color~~: ~~#111; color: #ffffff~~; font-size: ~~120%~~; ~~text~~-~~align~~: ~~center~~;" | {{{~~name~~|{{PAGENAME}}}}}

<tr>

|-

| colspan="2" style="text-align: center;" | [[File:{{{icon}}}|{{{~~image_size~~|~~200px~~}}}]]

'''{{{title|{{PAGENAME}}}}}'''

|-

</td>

! style="~~background~~-color: #~~333~~; color: #~~fff; padding: 5px~~;" | Type:

</tr>

| style="~~background~~-~~color~~: ~~#222~~; color: #ddd; ~~padding~~: ~~5px~~;" | {{{type|}}}

{{#if:{{{icon|}}}|

|-

<tr>

! style="background-color: #~~333~~; color: #~~fff~~; ~~padding~~: ~~5px~~;" | ~~Category:~~

| style="background-color: #222; color: #ddd; ~~padding~~: ~~5px~~;" | {{{~~category~~|}}}

[[File:{{PAGENAME:{{{icon}}}}}|200x215px]]

|-

</td>

! style="background-color: #~~333~~; color: #~~fff~~; ~~padding~~: ~~5px~~;" | ~~Forum Topic:~~

</tr>

| style="background-color: #222; color: #ddd; ~~padding~~: ~~5px~~;" | {{{~~forum_topic~~|}}}

}}

|-

{{#if:{{{type|}}}|<tr>

! style="background-color: #~~333~~; color: #~~fff~~; ~~padding~~: ~~5px~~;" | ~~Purchase:~~

| style="background-color: #222; color: #ddd; ~~padding~~: ~~5px~~;" | {{{~~purchase|~~}}}

|}

</tr>}}

{{#if:{{{category|}}}|<tr>

<th style="text-align: right; vertical-align: top; width: 100; padding-right: 8px; color: #ddd; font-size: 0.9em; background-color: #222;">Category:</th>

<td style="vertical-align: top; padding-left: 8px; color: #ddd; font-size: 0.9em; background-color: #333;">{{{category}}}</td>

</tr>}}

{{#if:{{{forum|}}}|<tr>

<th style="text-align: right; vertical-align: top; width: 100; padding-right: 8px; color: #ddd; font-size: 0.9em; background-color: #222;">Forum:</th>

<td style="vertical-align: top; padding-left: 8px; color: #ddd; font-size: 0.9em; background-color: #333;"><span class="plainlinks">{{{forum}}}</span></td>

</tr>}}

{{#if:{{{purchase|}}}|<tr>

<th style="text-align: right; vertical-align: top; width: 100; padding-right: 8px; color: #ddd; font-size: 0.9em; background-color: #222;">Purchase:</th>

<td style="vertical-align: top; padding-left: 8px; color: #ddd; font-size: 0.9em; background-color: #333;"><span class="plainlinks">{{{purchase}}}</span></td></td>

</tr>}}

{{#if:{{{video1|}}}|<tr>

<th style="text-align: right; vertical-align: top; width: 100; padding-right: 8px; color: #ddd; font-size: 0.9em; background-color: #222;">Video:</th>

<td style="vertical-align: top; padding-left: 8px; color: #ddd; font-size: 0.9em; background-color: #333;"><span class="plainlinks">{{{video1}}}</span></td></td>

</tr>}}

{{#if:{{{video2|}}}|<tr>

<th style="text-align: right; vertical-align: top; width: 100; padding-right: 8px; color: #ddd; font-size: 0.9em; background-color: #222;">Video:</th>

<td style="vertical-align: top; padding-left: 8px; color: #ddd; font-size: 0.9em; background-color: #333;"><span class="plainlinks">{{{video2}}}</span></td></td>

</tr>}}

{{#if:{{{video3|}}}|<tr>

<th style="text-align: right; vertical-align: top; width: 100; padding-right: 8px; color: #ddd; font-size: 0.9em; background-color: #222;">Video:</th>

<td style="vertical-align: top; padding-left: 8px; color: #ddd; font-size: 0.9em; background-color: #333;"><span class="plainlinks">{{{video3}}}</span></td></td>

</tr>}}

</table>

</div>

@@ Line 1: / Line 1: @@
-{| class="infobox" style="float: right; width: 270px; font-size: 90%; text-align: left; border: 2px solid #555; border-collapse: collapse; background-color: #222; color: #ddd;" cellpadding="3"
+<div class="infobox">
-|-
+  <table style="background: #333; color: #fff; padding: 1px;">
-! colspan="2" style="background-color: #111; color: #ffffff; font-size: 120%; text-align: center;" | {{{name|{{PAGENAME}}}}}
+    <tr>
-|-
+      <td colspan="2" style="text-align: center; font-size: 1.1em; background-color: #222; padding-bottom: 1px;">
-| colspan="2" style="text-align: center;" | [[File:{{{icon}}}|{{{image_size|200px}}}]]
+'''{{{title|{{PAGENAME}}}}}'''
-|-
+      </td>
-! style="background-color: #333; color: #fff; padding: 5px;" | Type:
+    </tr>
-| style="background-color: #222; color: #ddd; padding: 5px;" | {{{type|}}}
+    {{#if:{{{icon|}}}|
-|-
+      <tr>
-! style="background-color: #333; color: #fff; padding: 5px;" | Category:
+        <td colspan="2" style="text-align: center; padding-top: 1px; padding-bottom: 1px;">
-| style="background-color: #222; color: #ddd; padding: 5px;" | {{{category|}}}
+[[File:{{PAGENAME:{{{icon}}}}}|200x215px]]
-|-
+        </td>
-! style="background-color: #333; color: #fff; padding: 5px;" | Forum Topic:
+      </tr>
-| style="background-color: #222; color: #ddd; padding: 5px;" | {{{forum_topic|}}}
+    }}
-|-
+    {{#if:{{{type|}}}|<tr>
-! style="background-color: #333; color: #fff; padding: 5px;" | Purchase:
+        <th style="text-align: right; vertical-align: top; width: 100; padding-right: 8px; color: #ddd; font-size: 0.9em; background-color: #222;">Type:</th>
-| style="background-color: #222; color: #ddd; padding: 5px;" | {{{purchase|}}}
+        <td style="vertical-align: top; padding-left: 8px; color: #ddd; font-size: 0.9em; background-color: #333;">{{{type}}}</td>
-|}
+    </tr>}}
+    {{#if:{{{category|}}}|<tr>
+        <th style="text-align: right; vertical-align: top; width: 100; padding-right: 8px; color: #ddd; font-size: 0.9em; background-color: #222;">Category:</th>
+        <td style="vertical-align: top; padding-left: 8px; color: #ddd; font-size: 0.9em; background-color: #333;">{{{category}}}</td>
+    </tr>}}
+    {{#if:{{{forum|}}}|<tr>
+        <th style="text-align: right; vertical-align: top; width: 100; padding-right: 8px; color: #ddd; font-size: 0.9em; background-color: #222;">Forum:</th>
+        <td style="vertical-align: top; padding-left: 8px; color: #ddd; font-size: 0.9em; background-color: #333;"><span class="plainlinks">{{{forum}}}</span></td>
+    </tr>}}
+    {{#if:{{{purchase|}}}|<tr>
+        <th style="text-align: right; vertical-align: top; width: 100; padding-right: 8px; color: #ddd; font-size: 0.9em; background-color: #222;">Purchase:</th>
+        <td style="vertical-align: top; padding-left: 8px; color: #ddd; font-size: 0.9em; background-color: #333;"><span class="plainlinks">{{{purchase}}}</span></td></td>
+    </tr>}}
+{{#if:{{{video1|}}}|<tr>
+        <th style="text-align: right; vertical-align: top; width: 100; padding-right: 8px; color: #ddd; font-size: 0.9em; background-color: #222;">Video:</th>
+        <td style="vertical-align: top; padding-left: 8px; color: #ddd; font-size: 0.9em; background-color: #333;"><span class="plainlinks">{{{video1}}}</span></td></td>
+    </tr>}}
+{{#if:{{{video2|}}}|<tr>
+        <th style="text-align: right; vertical-align: top; width: 100; padding-right: 8px; color: #ddd; font-size: 0.9em; background-color: #222;">Video:</th>
+        <td style="vertical-align: top; padding-left: 8px; color: #ddd; font-size: 0.9em; background-color: #333;"><span class="plainlinks">{{{video2}}}</span></td></td>
+    </tr>}}
+{{#if:{{{video3|}}}|<tr>
+        <th style="text-align: right; vertical-align: top; width: 100; padding-right: 8px; color: #ddd; font-size: 0.9em; background-color: #222;">Video:</th>
+        <td style="vertical-align: top; padding-left: 8px; color: #ddd; font-size: 0.9em; background-color: #333;"><span class="plainlinks">{{{video3}}}</span></td></td>
+    </tr>}}
+  </table>
+</div>