iOS Version Navbox

<style>
.ivn-lockup { display: flex; align-items: center; justify-content: center; gap: 12px; }
.ivn-tile { background-color: #1d1d1f; color: #fff; border-radius: 22%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font: bold 1em -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.ivn-name { font: bold 1.5em/1.1 -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.ivn-panel { background-color: #333; padding: 8px 10px; text-align: left; }
.ivn-row { margin: 3px 0; }
.ivn-era { background-color: #f5f5f7; color: #000; border-radius: 5px; padding: 1px 8px; font-size: 0.8em; font-weight: bold; display: inline-block; margin-right: 6px; }
.ivn-panel a { color: #fff; }
.ivn-nums { color: #888; }
</style>
{| style="width: 100%; border: 2px solid #000; text-align: center;" darkstyle="border-color: #48484a;"
|-
!style="padding: 10px;"|
<div class="ivn-lockup">
  <div class="ivn-tile">iOS</div>
  <div class="ivn-name">{{Colorlink|iOS|var(--wiki-color)}}</div>
</div>
|-
|class="ivn-panel"|
<div class="ivn-row" style="text-align: center;"><span class="ivn-era">iPhone OS</span><span class="ivn-nums">[[iPhone OS 1|1]] · [[iPhone OS 2|2]] · [[iPhone OS 3|3]]</span></div>
<div class="ivn-row" style="text-align: center;"><span class="ivn-era">iOS</span><span class="ivn-nums">[[iOS 4|4]] · [[iOS 5|5]] · [[iOS 6|6]] · [[iOS 7|7]] · [[iOS 8|8]] · [[iOS 9|9]] · [[iOS 10|10]] · [[iOS 11|11]] · [[iOS 12|12]] · [[iOS 13|13]] · [[iOS 14|14]] · [[iOS 15|15]] · [[iOS 16|16]] · [[iOS 17|17]] · [[iOS 18|18]] · [[iOS 26|26]] · [[iOS 27|27]]</span></div>
|}