Template:Infobox: Difference between revisions

Latest revision as of 09:44, 30 July 2026

A lightweight, theme-neutral summary infobox.

The translucent backgrounds use the current theme beneath them, while neutral grey borders remain visible in both light and dark modes.

Usage

{{Infobox
 | title      = Languages of WyrdeHaven
 | image      =
 | image_size = 280px
 | image_alt  =
 | caption    = Major languages and language regions of WyrdeHaven
 | label1     = Principal lingua franca
 | data1      = [[Languages#Common|Common]]
 | label2     = Major language families
 | data2      = Avalonian, Dracænaian, Tuatha, Nihongo, Elvish, Drow, Dwarvish and Tigrin
 | label3     = Principal translation layers
 | data3      = English, Latin, Gaeilge, Old Irish, Welsh, Japanese and Ancient Egyptian
}}

Unused rows are omitted automatically.

This template requires the MediaWiki ParserFunctions extension for conditional rows.

@@ Line 1: / Line 1: @@
-<includeonly>
+<includeonly><table class="infobox" style="float:right; clear:right; width:22em; max-width:100%; margin:0 0 1em 1.5em; border:1px solid rgba(128,128,128,0.30); border-radius:0.45em; border-collapse:separate; border-spacing:0; background:rgba(255,255,255,0.055); box-shadow:0 0.15em 0.5em rgba(0,0,0,0.18); overflow:hidden;">
-{| class="wikitable infobox"
+<tr>
- style="
+<th colspan="2" style="text-align:center; font-size:1.15em; padding:0.7em 0.8em; background:rgba(255,255,255,0.075); border-bottom:1px solid rgba(128,128,128,0.25);">
- float:right;
+{{{title|{{PAGENAME}}}}}
- clear:right;
+</th>
- width:22em;
+</tr>
- margin:0 0 1em 1.5em;
- border:1px solid rgba(255,255,255,0.14);
- border-radius:0.45em;
- background:rgba(255,255,255,0.055);
- box-shadow:0 0.15em 0.5em rgba(0,0,0,0.18);
- overflow:hidden;
- "
-|-
-! colspan="2"
- style="
- text-align:center;
- font-size:1.15em;
- padding:0.7em 0.8em;
- background:rgba(255,255,255,0.075);
- border-bottom:1px solid rgba(255,255,255,0.12);
- "
-| {{{title|{{PAGENAME}}}}}
 {{#if:{{{image|}}}|
-{{!}}-
+<tr>
-{{!}} colspan="2"
+<td colspan="2" style="text-align:center; padding:0.75em 0.75em 0.35em;">
- style="text-align:center; padding:0.75em;"
+[[File:{{{image}}}|frameless|{{{image_size|280px}}}|{{{image_alt|{{{caption|}}}}}}]]
- {{!}} [[File:{{{image}}}|frameless|{{{image_size|280px}}}|{{{caption|}}}]]
+</td>
+</tr>
 }}
 {{#if:{{{caption|}}}|
-{{!}}-
+<tr>
-{{!}} colspan="2"
+<td colspan="2" style="text-align:center; font-size:0.9em; font-style:italic; padding:0.2em 0.8em 0.8em; opacity:0.85;">
- style="
+{{{caption}}}
- text-align:center;
+</td>
- font-size:0.9em;
+</tr>
- font-style:italic;
- padding:0.2em 0.8em 0.8em;
- opacity:0.85;
- "
- {{!}} {{{caption}}}
 }}
 {{#if:{{{label1|}}}|
-{{!}}-
+<tr>
-! style="width:38%; text-align:left; vertical-align:top; padding:0.55em 0.65em;" {{!}} {{{label1}}}
+<th style="width:38%; text-align:left; vertical-align:top; padding:0.55em 0.65em; border-top:1px solid rgba(128,128,128,0.18); background:rgba(255,255,255,0.025);">{{{label1}}}</th>
-{{!}} style="vertical-align:top; padding:0.55em 0.65em;" {{!}} {{{data1|}}}
+<td style="vertical-align:top; padding:0.55em 0.65em; border-top:1px solid rgba(128,128,128,0.18);">{{{data1|}}}</td>
+</tr>
 }}
 {{#if:{{{label2|}}}|
-{{!}}-
+<tr>
-! style="text-align:left; vertical-align:top; padding:0.55em 0.65em;" {{!}} {{{label2}}}
+<th style="text-align:left; vertical-align:top; padding:0.55em 0.65em; border-top:1px solid rgba(128,128,128,0.18); background:rgba(255,255,255,0.025);">{{{label2}}}</th>
-{{!}} style="vertical-align:top; padding:0.55em 0.65em;" {{!}} {{{data2|}}}
+<td style="vertical-align:top; padding:0.55em 0.65em; border-top:1px solid rgba(128,128,128,0.18);">{{{data2|}}}</td>
+</tr>
 }}
 {{#if:{{{label3|}}}|
-{{!}}-
+<tr>
-! style="text-align:left; vertical-align:top; padding:0.55em 0.65em;" {{!}} {{{label3}}}
+<th style="text-align:left; vertical-align:top; padding:0.55em 0.65em; border-top:1px solid rgba(128,128,128,0.18); background:rgba(255,255,255,0.025);">{{{label3}}}</th>
-{{!}} style="vertical-align:top; padding:0.55em 0.65em;" {{!}} {{{data3|}}}
+<td style="vertical-align:top; padding:0.55em 0.65em; border-top:1px solid rgba(128,128,128,0.18);">{{{data3|}}}</td>
+</tr>
 }}
 {{#if:{{{label4|}}}|
-{{!}}-
+<tr>
-! style="text-align:left; vertical-align:top; padding:0.55em 0.65em;" {{!}} {{{label4}}}
+<th style="text-align:left; vertical-align:top; padding:0.55em 0.65em; border-top:1px solid rgba(128,128,128,0.18); background:rgba(255,255,255,0.025);">{{{label4}}}</th>
-{{!}} style="vertical-align:top; padding:0.55em 0.65em;" {{!}} {{{data4|}}}
+<td style="vertical-align:top; padding:0.55em 0.65em; border-top:1px solid rgba(128,128,128,0.18);">{{{data4|}}}</td>
+</tr>
 }}
 {{#if:{{{label5|}}}|
-{{!}}-
+<tr>
-! style="text-align:left; vertical-align:top; padding:0.55em 0.65em;" {{!}} {{{label5}}}
+<th style="text-align:left; vertical-align:top; padding:0.55em 0.65em; border-top:1px solid rgba(128,128,128,0.18); background:rgba(255,255,255,0.025);">{{{label5}}}</th>
-{{!}} style="vertical-align:top; padding:0.55em 0.65em;" {{!}} {{{data5|}}}
+<td style="vertical-align:top; padding:0.55em 0.65em; border-top:1px solid rgba(128,128,128,0.18);">{{{data5|}}}</td>
+</tr>
 }}
 {{#if:{{{label6|}}}|
-{{!}}-
+<tr>
-! style="text-align:left; vertical-align:top; padding:0.55em 0.65em;" {{!}} {{{label6}}}
+<th style="text-align:left; vertical-align:top; padding:0.55em 0.65em; border-top:1px solid rgba(128,128,128,0.18); background:rgba(255,255,255,0.025);">{{{label6}}}</th>
-{{!}} style="vertical-align:top; padding:0.55em 0.65em;" {{!}} {{{data6|}}}
+<td style="vertical-align:top; padding:0.55em 0.65em; border-top:1px solid rgba(128,128,128,0.18);">{{{data6|}}}</td>
+</tr>
 }}
 {{#if:{{{label7|}}}|
-{{!}}-
+<tr>
-! style="text-align:left; vertical-align:top; padding:0.55em 0.65em;" {{!}} {{{label7}}}
+<th style="text-align:left; vertical-align:top; padding:0.55em 0.65em; border-top:1px solid rgba(128,128,128,0.18); background:rgba(255,255,255,0.025);">{{{label7}}}</th>
-{{!}} style="vertical-align:top; padding:0.55em 0.65em;" {{!}} {{{data7|}}}
+<td style="vertical-align:top; padding:0.55em 0.65em; border-top:1px solid rgba(128,128,128,0.18);">{{{data7|}}}</td>
+</tr>
 }}
 {{#if:{{{label8|}}}|
-{{!}}-
+<tr>
-! style="text-align:left; vertical-align:top; padding:0.55em 0.65em;" {{!}} {{{label8}}}
+<th style="text-align:left; vertical-align:top; padding:0.55em 0.65em; border-top:1px solid rgba(128,128,128,0.18); background:rgba(255,255,255,0.025);">{{{label8}}}</th>
-{{!}} style="vertical-align:top; padding:0.55em 0.65em;" {{!}} {{{data8|}}}
+<td style="vertical-align:top; padding:0.55em 0.65em; border-top:1px solid rgba(128,128,128,0.18);">{{{data8|}}}</td>
+</tr>
 }}
-|}
+</table></includeonly><noinclude>
-</includeonly>
+A lightweight, theme-neutral summary infobox.
-<noinclude>
+The translucent backgrounds use the current theme beneath them, while neutral grey borders remain visible in both light and dark modes.
-Simple reusable infobox template.
 == Usage ==
@@ Line 90: / Line 76: @@
 <pre>
 {{Infobox
-  | title   = Languages of WyrdeHaven
+  | title      = Languages of WyrdeHaven
-  | image   =
+  | image      =
-  | caption =
+ | image_size = 280px
-  | label1  = Principal lingua franca
+ | image_alt  =
-  | data1   = [[Languages#Common|Common]]
+  | caption    = Major languages and language regions of WyrdeHaven
-  | label2  = Major language families
+  | label1     = Principal lingua franca
-  | data2   = Avalonian, Dracænaian, Tuatha, Nihongo, Elvish, Drow, Dwarvish and Tigrin
+  | data1      = [[Languages#Common|Common]]
+  | label2     = Major language families
+  | data2      = Avalonian, Dracænaian, Tuatha, Nihongo, Elvish, Drow, Dwarvish and Tigrin
+ | label3     = Principal translation layers
+ | data3      = English, Latin, Gaeilge, Old Irish, Welsh, Japanese and Ancient Egyptian
 }}
 </pre>
-Unused rows are hidden automatically.
+Unused rows are omitted automatically.
+This template requires the MediaWiki ParserFunctions extension for conditional rows.
 [[Category:Templates]]
 </noinclude>