- Welcome to the Kancolle Wiki!
- If you have any questions regarding site content, account registration, etc., please visit the KanColle Wiki Discord
Changes
Jump to navigation
Jump to search
Line 61:
Line 61: − + − + − + − + − + − + − + − + − + − + − + − + − + − +
vertical centering
<div class="mw-collapsible-content">
<div class="mw-collapsible-content">
<div style="text-align: left; display: flex; margin: 2px 0px;">
<div style="text-align: left; display: flex; margin: 2px 0px;">
<div style="margin-right: 1px; flex-shrink: 0; flex-basis: 140px; background-color: whitesmoke;">'''${icons.aircraft} Opening Airstrike'''</div>
<div style="margin-right: 1px; flex-shrink: 0; flex-basis: 140px; background-color: whitesmoke; display: flex; align-items: center;">'''${icons.aircraft} Opening Airstrike'''</div>
<div style="margin-left: 1px; flex-grow: 1; background-color: whitesmoke;">'''${opening_airstrike}'''</div>
<div style="margin-left: 1px; flex-grow: 1; background-color: whitesmoke; display: flex; align-items: center;">'''${opening_airstrike}'''</div>
</div>
</div>
<div style="text-align: left; display: flex; margin: 2px 0px;">
<div style="text-align: left; display: flex; margin: 2px 0px;">
<div style="margin-right: 1px; flex-shrink: 0; flex-basis: 140px; background-color: whitesmoke;">'''${icons.torpedo} Opening Torpedo'''</div>
<div style="margin-right: 1px; flex-shrink: 0; flex-basis: 140px; background-color: whitesmoke; display: flex; align-items: center;">'''${icons.torpedo} Opening Torpedo'''</div>
<div style="margin-left: 1px; flex-grow: 1; background-color: whitesmoke;">'''${opening_torpedo}'''</div>
<div style="margin-left: 1px; flex-grow: 1; background-color: whitesmoke; display: flex; align-items: center;">'''${opening_torpedo}'''</div>
</div>
</div>
<div style="text-align: left; display: flex; margin: 2px 0px;">
<div style="text-align: left; display: flex; margin: 2px 0px;">
<div style="margin-right: 1px; flex-shrink: 0; flex-basis: 140px; background-color: whitesmoke; color: dodgerblue;">'''${icons.firepower} Day Battle'''</div>
<div style="margin-right: 1px; flex-shrink: 0; flex-basis: 140px; background-color: whitesmoke; color: dodgerblue; display: flex; align-items: center;">'''${icons.firepower} Day Battle'''</div>
<div style="margin-left: 1px; flex-grow: 1; background-color: whitesmoke;">'''${day_battle}'''</div>
<div style="margin-left: 1px; flex-grow: 1; background-color: whitesmoke; display: flex; align-items: center;">'''${day_battle}'''</div>
</div>
</div>
<div style="text-align: left; display: flex; margin: 2px 0px;">
<div style="text-align: left; display: flex; margin: 2px 0px;">
<div style="margin-right: 1px; flex-shrink: 0; flex-basis: 140px; background-color: whitesmoke; color: forestgreen;">'''${icons.firepower} Artillery Spotting'''</div>
<div style="margin-right: 1px; flex-shrink: 0; flex-basis: 140px; background-color: whitesmoke; color: forestgreen; display: flex; align-items: center;">'''${icons.firepower} Artillery Spotting'''</div>
<div style="margin-left: 1px; flex-grow: 1; background-color: whitesmoke;">'''${artillery_spotting}'''</div>
<div style="margin-left: 1px; flex-grow: 1; background-color: whitesmoke; display: flex; align-items: center;">'''${artillery_spotting}'''</div>
</div>
</div>
<div style="text-align: left; display: flex; margin: 2px 0px;">
<div style="text-align: left; display: flex; margin: 2px 0px;">
<div style="margin-right: 1px; flex-shrink: 0; flex-basis: 140px; background-color: whitesmoke;">'''${icons.torpedo} Closing Torpedo'''</div>
<div style="margin-right: 1px; flex-shrink: 0; flex-basis: 140px; background-color: whitesmoke; display: flex; align-items: center;">'''${icons.torpedo} Closing Torpedo'''</div>
<div style="margin-left: 1px; flex-grow: 1; background-color: whitesmoke;">'''${closing_torpedo}'''</div>
<div style="margin-left: 1px; flex-grow: 1; background-color: whitesmoke; display: flex; align-items: center;">'''${closing_torpedo}'''</div>
</div>
</div>
<div style="text-align: left; display: flex; margin: 2px 0px;">
<div style="text-align: left; display: flex; margin: 2px 0px;">
<div style="margin-right: 1px; flex-shrink: 0; flex-basis: 140px; background-color: whitesmoke;">'''${icons.asw} ASW Attack'''</div>
<div style="margin-right: 1px; flex-shrink: 0; flex-basis: 140px; background-color: whitesmoke; display: flex; align-items: center;">'''${icons.asw} ASW Attack'''</div>
<div style="margin-left: 1px; flex-grow: 1; background-color: whitesmoke;">'''${asw_attack}'''</div>
<div style="margin-left: 1px; flex-grow: 1; background-color: whitesmoke; display: flex; align-items: center;">'''${asw_attack}'''</div>
</div>
</div>
<div style="text-align: left; display: flex; margin: 2px 0px;">
<div style="text-align: left; display: flex; margin: 2px 0px;">
<div style="margin-right: 1px; flex-shrink: 0; flex-basis: 140px; background-color: whitesmoke;">'''${icons.firepower}${icons.torpedo} Night Battle'''</div>
<div style="margin-right: 1px; flex-shrink: 0; flex-basis: 140px; background-color: whitesmoke; color: midnightblue; display: flex; align-items: center;">'''${icons.firepower}${icons.torpedo} Night Battle'''</div>
<div style="margin-left: 1px; flex-grow: 1; background-color: whitesmoke;">'''${night_battle}'''</div>
<div style="margin-left: 1px; flex-grow: 1; background-color: whitesmoke; display: flex; align-items: center;">'''${night_battle}'''</div>
</div>
</div>
</div>
</div>