Difference between revisions of "Template:InfoBox/Chronology"
From Detective Conan Wiki
(Nested flex for centering; 3px margin to separate the little arrow from its associated text) |
|||
| Line 1: | Line 1: | ||
<includeonly><div style="text-align:center; padding: 4.5px; margin-bottom: 10px; border: 1px solid #ccc;"> | <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); padding: 2px; font-weight: bold;">Chronology</div> | ||
| − | <div style="display: flex | + | <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> | ||
</div> | </div> | ||
Revision as of 21:45, 3 August 2025
This template creates the Chronology portion of an InfoBox and is only meant to be used in the chronology parameter of Template:InfoBox.
