Template:InfoBox/Chronology - Revision history

AvidConanContributor: /* See also */ Template:InfoBox/See also links

2026-03-18T04:21:52Z

‎See also: Template:InfoBox/See also links

AvidConanContributor: /* See also */

2025-09-26T04:25:00Z

‎See also

AvidConanContributor: Add header-text-color variable and See also links

2025-08-19T22:45:58Z

Add header-text-color variable and See also links

AvidConanContributor: Nested flex for centering; 3px margin to separate the little arrow from its associated text

2025-08-03T21:45:02Z

Nested flex for centering; 3px margin to separate the little arrow from its associated text

AvidConanContributor at 04:58, 3 August 2025

2025-08-03T04:58:19Z

AvidConanContributor: Center link now stays centered both horizontally and vertically

2025-08-03T04:49:30Z

Center link now stays centered both horizontally and vertically

AvidConanContributor: padding 0.4em -> 4.5px

2025-08-01T23:53:03Z

padding 0.4em -> 4.5px

AvidConanContributor: Added width:30%; to both previous and next elements (also based this from User:BOBO|'s version), helps the table to stay visually balanced

2025-07-31T02:24:42Z

Added width:30%; to both previous and next elements (also based this from User:BOBO's version), helps the table to stay visually balanced

AvidConanContributor: The header shouldn't stay green

2025-07-31T02:14:19Z

The header shouldn't stay green

AvidConanContributor: Created Template:InfoBox/Chronology; N/A and TBD logic is based on User:BOBO|'s chronology tables that are used in other InfoBoxes

2025-07-31T02:12:26Z

Created Template:InfoBox/Chronology; N/A and TBD logic is based on User:BOBO's chronology tables that are used in other InfoBoxes

New page

<includeonly><div style="text-align:center; padding: 0.4em; margin-bottom: 10px; border: 1px solid #ccc;">
<div style="color: #fff; background-color: #4ccb4c; padding: 2px; font-weight: bold;">Chronology</div>
<div style="display: flex; justify-content: space-evenly; margin-top: 3px;">
<div>{{#if: {{{1|}}} | <span style="font-size: 16px;">‹ </span> [[{{{1}}}]] | }}</div>
<div style="width: 16%; min-width: min-content; padding-left: 5px; padding-right: 5px; border-left: 1px solid #ccc; border-right: 1px solid #ccc;">'''{{{2|}}}'''</div>
<div>{{#if: {{{3|}}} | [[{{{3}}}]] <span style="font-size: 16px;"> ›</span> | {{#if: {{{1|}}} | TBD | }} }}</div>
</div>
</div>
</includeonly><noinclude>
This template creates the Chronology portion of an InfoBox and is only meant to be used in the <code>chronology</code> parameter of [[Template:InfoBox]].

[[Category:Templates]]
</noinclude>

@@ Line 11: / Line 11: @@
 == See also ==
-* [[Template:InfoBox/Chronology]]
+{{InfoBox/See also links}}
 [[Category:Templates]]
 </noinclude>

@@ Line 16: / Line 16: @@
 * [[Template:InfoBox/Section]]
 * [[Template:InfoBox/LabeledRow]]
 * [[Template:InfoBox/Item]]
 [[Category:Templates]]
 </noinclude>

@@ Line 1: / Line 1: @@
 <includeonly><div style="text-align:center; padding: 4.5px; margin-bottom: 10px; border: 1px solid #ccc;">
-    <div style="color: #fff; background-color: var(--header-color); padding: 2px; font-weight: bold;">Chronology</div>
+    <div style="color: #fff; background-color: var(--header-color); color: var(--header-text-color); padding: 2px; font-weight: bold;">Chronology</div>
     <div style="display: flex; justify-content: space-evenly; margin-top: 3px;">
        <div style="width: 30%; display: flex; align-items: center; justify-content: center;">{{#if: {{{1|}}} | <span style="font-size: 16px; margin-right: 3px;">‹ </span> [[{{{1}}}]] | }}</div>
@@ Line 9: / Line 9: @@
 </includeonly><noinclude>
 This template creates the Chronology portion of an InfoBox and is only meant to be used in the <code>chronology</code> parameter of [[Template:InfoBox]].
 [[Category:Templates]]
 </noinclude>

@@ Line 1: / Line 1: @@
 <includeonly><div style="text-align:center; padding: 4.5px; margin-bottom: 10px; border: 1px solid #ccc;">
     <div style="color: #fff; background-color: var(--header-color); padding: 2px; font-weight: bold;">Chronology</div>
-    <div style="display: flex; align-items: center; justify-content: space-evenly; margin-top: 3px;">
+    <div style="display: flex; justify-content: space-evenly; margin-top: 3px;">
-       <div style="width: 30%">{{#if: {{{1|}}} | <span style="font-size: 16px;">‹ </span> [[{{{1}}}]] | }}</div>
+       <div style="width: 30%; display: flex; align-items: center; justify-content: center;">{{#if: {{{1|}}} | <span style="font-size: 16px; margin-right: 3px;">‹ </span> [[{{{1}}}]] | }}</div>
-       <div style="width: 16%; min-width: min-content; padding-left: 5px; padding-right: 5px; border-left: 1px solid #ccc; border-right: 1px solid #ccc;">'''{{{2|}}}'''</div>
+       <div style="width: 16%; min-width: min-content; padding-left: 5px; padding-right: 5px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; display: flex; align-items: center; justify-content: center;">'''{{{2|}}}'''</div>
-       <div style="width: 30%">{{#if: {{{3|}}} | [[{{{3}}}]] <span style="font-size: 16px;"> ›</span> | {{#if: {{{1|}}} | TBD | }} }}</div>
+       <div style="width: 30%; display: flex; align-items: center; justify-content: center;">{{#if: {{{3|}}} | [[{{{3}}}]] <span style="font-size: 16px; margin-left: 3px;"> ›</span> | {{#if: {{{1|}}} | TBD | }} }}</div>
     </div>
 </div>

@@ Line 1: / Line 1: @@
 <includeonly><div style="text-align:center; padding: 4.5px; margin-bottom: 10px; border: 1px solid #ccc;">
     <div style="color: #fff; background-color: var(--header-color); padding: 2px; font-weight: bold;">Chronology</div>
-    <div style="display: flex; justify-content: space-evenly; margin-top: 3px;">
+    <div style="display: flex; align-items: center; justify-content: space-evenly; margin-top: 3px;">
        <div style="width: 30%">{{#if: {{{1|}}} | <span style="font-size: 16px;">‹ </span> [[{{{1}}}]] | }}</div>
-       <div style="width: 16%; min-width: min-content; padding-left: 5px; padding-right: 5px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; display: flex; align-items: center; justify-content: center;">'''{{{2|}}}'''</div>
+       <div style="width: 16%; min-width: min-content; padding-left: 5px; padding-right: 5px; border-left: 1px solid #ccc; border-right: 1px solid #ccc;">'''{{{2|}}}'''</div>
        <div style="width: 30%">{{#if: {{{3|}}} | [[{{{3}}}]] <span style="font-size: 16px;"> ›</span> | {{#if: {{{1|}}} | TBD | }} }}</div>
     </div>