Template:Infobox city: Difference between revisions

Infobox city
[[File:\|100x60px\|center]] (Flag)	[[File:\|80x60px\|center]] (Coat of Arms)
	[[File:\|220px\|center]]
Country
State/Province
Coordinates
Founded
Mayor
Population
Area
Elevation
Time zone
Postal code

← Older edit

@@ Line 1: / Line 1: @@
-<table class="infobox" style="float: right; clear: right; margin: 0 0 1em 1em; width: 22em; border: 1px solid var(--border-color-base, #a2a9b1); background-color: var(--background-color-interactive-subtle, #f8f9fa); color: var(--color-base, #202122); font-size: 88%; line-height: 1.5; border-collapse: collapse;">
+{| class="infobox" style="float: right; clear: right; margin: 0 0 1em 1em; width: 18em; border: 1px solid var(--border-color-base, #a2a9b1); background-color: var(--background-color-interactive-subtle, #f8f9fa); color: var(--color-base, #202122); font-size: 85%; line-height: 1.4; border-collapse: collapse;"
+|-
+! colspan="2" style="text-align: center; padding: 0.5em 0.2em; border-bottom: 1px solid var(--border-color-subtle, #a2a9b1);" |
+<div style="font-size: 90%; color: var(--color-subtle, #54595d);">{{{native_name|}}}</div>
+<div style="font-size: 115%; font-weight: bold;">{{{name|{{PAGENAME}}}}}</div>
-  <!-- Header Title -->
+|-
-  <tr>
+| colspan="2" style="padding: 0.5em 0.2em; border-bottom: 1px solid var(--border-color-subtle, #a2a9b1);" |
-    <th colspan="2" style="text-align: center; font-size: 110%; padding: 0.5em 0.2em; border-bottom: 1px solid var(--border-color-subtle, #a2a9b1);">
+{| style="width: 100%; text-align: center; background: transparent; border: none; border-collapse: collapse;"
-      {{#if: {{{native_name|}}} | <div style="font-weight: bold; font-size: 115%;">{{{native_name}}}</div> }}
+|-
-      <div style="font-weight: bold;">{{{name|{{PAGENAME}}}}}</div>
+| style="width: 50%; vertical-align: bottom; padding: 0.1em; border: none;" |
-    </th>
+[[File:{{{flag_image|}}}|100x60px|center]]
-  </tr>
+<span style="font-size: 85%;">([[{{{flag_link|Flag of {{{name|{{PAGENAME}}}}}}}}|Flag]])</span>
-  <!-- Side-by-Side Flag & Coat of Arms -->
+| style="width: 50%; vertical-align: bottom; padding: 0.1em; border: none;" |
-  {{#if: {{{flag_url|}}}{{{flag_image|}}} {{{coat_url|}}}{{{coat_image|}}} |
+[[File:{{{coat_image|}}}|80x60px|center]]
-  <tr>
+<span style="font-size: 85%;">([[{{{coat_link|Coat of arms of {{{name|{{PAGENAME}}}}}}}}|Coat of Arms]])</span>
-    <td colspan="2" style="padding: 0.6em 0.3em; border-bottom: 1px solid var(--border-color-subtle, #a2a9b1);">
+|}
-      <table style="width: 100%; border-collapse: collapse; text-align: center; background: transparent;">
-        <tr>
-          <!-- Flag -->
-          <td style="width: 50%; vertical-align: middle; padding: 0.2em;">
-            {{#if: {{{flag_url|}}} |
-              <img src="{{{flag_url}}}" alt="Flag" style="max-width: 110px; max-height: 80px; width: auto; height: auto; display: block; margin: 0 auto 0.3em auto; border: 1px solid var(--border-color-subtle, #ccc);" />
-            | {{#if: {{{flag_image|}}} | [[File:{{{flag_image}}}|110x80px|center]] }}
-            }}
-            <span style="font-size: 85%;">(<a href="{{{flag_link|#}}}" style="color: var(--color-progressive, #36c); text-decoration: none;">Flag</a>)</span>
-          </td>
-          <!-- Coat of Arms -->
-          <td style="width: 50%; vertical-align: middle; padding: 0.2em;">
-            {{#if: {{{coat_url|}}} |
-              <img src="{{{coat_url}}}" alt="Coat of Arms" style="max-width: 90px; max-height: 80px; width: auto; height: auto; display: block; margin: 0 auto 0.3em auto;" />
-            | {{#if: {{{coat_image|}}} | [[File:{{{coat_image}}}|90x80px|center]] }}
-            }}
-            <span style="font-size: 85%;">(<a href="{{{coat_link|#}}}" style="color: var(--color-progressive, #36c); text-decoration: none;">Coat of Arms</a>)</span>
-          </td>
-        </tr>
-      </table>
-    </td>
-  </tr>
-  }}
-  <!-- Optional Map Section -->
+|-
-  {{#if: {{{map_url|}}}{{{map_image|}}} |
+| colspan="2" style="text-align: center; padding: 0.4em 0.2em; border-bottom: 1px solid var(--border-color-subtle, #a2a9b1);" |
-  <tr>
+[[File:{{{map_image|}}}|220px|center]]
-    <td colspan="2" style="text-align: center; padding: 0.5em 0.2em; border-bottom: 1px solid var(--border-color-subtle, #a2a9b1);">
+<div style="font-size: 80%; margin-top: 0.2em; color: var(--color-subtle, #54595d);">{{{map_caption|}}}</div>
-      {{#if: {{{map_url|}}} |
-        <img src="{{{map_url}}}" alt="Map" style="max-width: 100%; height: auto; display: block; margin: 0 auto;" />
-      | {{#if: {{{map_image|}}} | [[File:{{{map_image}}}|250px|center]] }}
-      }}
-      {{#if: {{{map_caption|}}} | <div style="font-size: 85%; margin-top: 0.3em; color: var(--color-subtle, #54595d);">{{{map_caption}}}</div> }}
-    </td>
-  </tr>
-  }}
-  <!-- Basic Info Rows -->
+|- style="border-bottom: 1px solid var(--border-color-subtle, #a2a9b1);"
-  {{#if: {{{capital|}}} |
+! style="text-align: left; padding: 0.3em 0.4em; width: 40%; font-weight: bold; color: var(--color-progressive, #36c);" | Country
-  <tr style="border-bottom: 1px solid var(--border-color-subtle, #a2a9b1);">
+| style="padding: 0.3em 0.4em;" | {{{country|}}}
-    <th style="text-align: left; padding: 0.4em 0.5em; width: 40%; font-weight: bold; color: var(--color-progressive, #36c);">Capital</th>
-    <td style="padding: 0.4em 0.5em;">
-      {{{capital}}}
-      {{#if: {{{coordinates|}}} | <br/><span style="font-size: 85%; color: var(--color-subtle, #54595d);">{{{coordinates}}}</span> }}
-    </td>
-  </tr>
-  }}
-  {{#if: {{{largest_city|}}} |
+|- style="border-bottom: 1px solid var(--border-color-subtle, #a2a9b1);"
-  <tr style="border-bottom: 1px solid var(--border-color-subtle, #a2a9b1);">
+! style="text-align: left; padding: 0.3em 0.4em; font-weight: bold; color: var(--color-progressive, #36c);" | State/Province
-    <th style="text-align: left; padding: 0.4em 0.5em; font-weight: bold; color: var(--color-progressive, #36c);">Largest city</th>
+| style="padding: 0.3em 0.4em;" | {{{state|}}}
-    <td style="padding: 0.4em 0.5em;">{{{largest_city}}}</td>
-  </tr>
-  }}
-  {{#if: {{{official_languages|}}} |
+|- style="border-bottom: 1px solid var(--border-color-subtle, #a2a9b1);"
-  <tr style="border-bottom: 1px solid var(--border-color-subtle, #a2a9b1);">
+! style="text-align: left; padding: 0.3em 0.4em; font-weight: bold; color: var(--color-progressive, #36c);" | Coordinates
-    <th style="text-align: left; padding: 0.4em 0.5em; font-weight: bold; color: var(--color-progressive, #36c);">Official languages</th>
+| style="padding: 0.3em 0.4em;" | {{{coordinates|}}}
-    <td style="padding: 0.4em 0.5em;">{{{official_languages}}}</td>
-  </tr>
-  }}
-  {{#if: {{{country|}}} |
+|- style="border-bottom: 1px solid var(--border-color-subtle, #a2a9b1);"
-  <tr style="border-bottom: 1px solid var(--border-color-subtle, #a2a9b1);">
+! style="text-align: left; padding: 0.3em 0.4em; font-weight: bold; color: var(--color-progressive, #36c);" | Founded
-    <th style="text-align: left; padding: 0.4em 0.5em; font-weight: bold; color: var(--color-progressive, #36c);">Country</th>
+| style="padding: 0.3em 0.4em;" | {{{founded|}}}
-    <td style="padding: 0.4em 0.5em;">{{{country}}}</td>
-  </tr>
-  }}
-  {{#if: {{{founded|}}} |
+|- style="border-bottom: 1px solid var(--border-color-subtle, #a2a9b1);"
-  <tr style="border-bottom: 1px solid var(--border-color-subtle, #a2a9b1);">
+! style="text-align: left; padding: 0.3em 0.4em; font-weight: bold; color: var(--color-progressive, #36c);" | Mayor
-    <th style="text-align: left; padding: 0.4em 0.5em; font-weight: bold; color: var(--color-progressive, #36c);">Founded</th>
+| style="padding: 0.3em 0.4em;" | {{{mayor|}}}
-    <td style="padding: 0.4em 0.5em;">{{{founded}}}</td>
-  </tr>
-  }}
-  {{#if: {{{mayor|}}} |
+|- style="border-bottom: 1px solid var(--border-color-subtle, #a2a9b1);"
-  <tr style="border-bottom: 1px solid var(--border-color-subtle, #a2a9b1);">
+! style="text-align: left; padding: 0.3em 0.4em; font-weight: bold; color: var(--color-progressive, #36c);" | Population
-    <th style="text-align: left; padding: 0.4em 0.5em; font-weight: bold; color: var(--color-progressive, #36c);">Mayor</th>
+| style="padding: 0.3em 0.4em;" | {{{population|}}}
-    <td style="padding: 0.4em 0.5em;">{{{mayor}}}</td>
-  </tr>
-  }}
-  {{#if: {{{population|}}} |
+|- style="border-bottom: 1px solid var(--border-color-subtle, #a2a9b1);"
-  <tr style="border-bottom: 1px solid var(--border-color-subtle, #a2a9b1);">
+! style="text-align: left; padding: 0.3em 0.4em; font-weight: bold; color: var(--color-progressive, #36c);" | Area
-    <th style="text-align: left; padding: 0.4em 0.5em; font-weight: bold; color: var(--color-progressive, #36c);">Population</th>
+| style="padding: 0.3em 0.4em;" | {{{area|}}}
-    <td style="padding: 0.4em 0.5em;">{{{population}}}</td>
-  </tr>
-  }}
-  {{#if: {{{area|}}} |
+|- style="border-bottom: 1px solid var(--border-color-subtle, #a2a9b1);"
-  <tr style="border-bottom: 1px solid var(--border-color-subtle, #a2a9b1);">
+! style="text-align: left; padding: 0.3em 0.4em; font-weight: bold; color: var(--color-progressive, #36c);" | Elevation
-    <th style="text-align: left; padding: 0.4em 0.5em; font-weight: bold; color: var(--color-progressive, #36c);">Area</th>
+| style="padding: 0.3em 0.4em;" | {{{elevation|}}}
-    <td style="padding: 0.4em 0.5em;">{{{area}}}</td>
-  </tr>
-  }}
-</table><noinclude>
+|- style="border-bottom: 1px solid var(--border-color-subtle, #a2a9b1);"
-[[Category:Infobox templates]]
+! style="text-align: left; padding: 0.3em 0.4em; font-weight: bold; color: var(--color-progressive, #36c);" | Time zone
-</noinclude>
+| style="padding: 0.3em 0.4em;" | {{{timezone|}}}
+|- style="border-bottom: 1px solid var(--border-color-subtle, #a2a9b1);"
+! style="text-align: left; padding: 0.3em 0.4em; font-weight: bold; color: var(--color-progressive, #36c);" | Postal code
+| style="padding: 0.3em 0.4em;" | {{{postal_code|}}}
+|}

Template:Infobox city: Difference between revisions

Alexplit (talk | contribs)

Latest revision as of 22:51, 30 July 2026