Board Thread:Support Requests - Getting Technical/@comment-28712089-20190111202146/@comment-23989026-20190111231356

Doing a basic conversion

Step 1 : create the layout → Help:Infoboxes

Information

Event chronology

Step 2 : create the styling → Help:Infoboxes/CSS .pi-theme-event { background:#e6e6e6; border:1px solid #c2c2c2; } .pi-theme-event .pi-border-color { border:none; } .pi-theme-event .pi-title { background:#e6e6e6; text-align:center; font-weight:bolder; } .pi-theme-event .pi-header { background:#d0d0d0; text-align:center; font-weight:bolder; } .pi-theme-event .pi-navigation { background:#e6e6e6; text-align:center; font-style:italic; font-weight:normal; border-top:#c2c2c2 solid 1px; border-bottom:#c2c2c2 solid 1px; } .pi-theme-event .pi-data-label { text-align:center; } .pi-theme-event .pi-horizontal-group .pi-data-value { border:none; }



"tagline" looks squashed in the original infobox so changed it to full width (location:navigation) with borders to separate.

You will have to add back in the extras like nihongo, ref, links, etc.