Template:Magic for job/item: Difference between revisions
From HorizonXI Wiki
m (flex layout for nicer wrapping on extremely narrow viewports (i.e. small phones)) |
(add icon-type-1 magic icons) |
||
| Line 2: | Line 2: | ||
--><dt style="flex: 0 0 2ch; margin: 0; border-right: 1px solid #aaa; padding: 0.3em 0.4em; text-align: right; line-height: inherit; font-family: inherit; font-weight: inherit;">{{{level}}}</dt><!-- | --><dt style="flex: 0 0 2ch; margin: 0; border-right: 1px solid #aaa; padding: 0.3em 0.4em; text-align: right; line-height: inherit; font-family: inherit; font-weight: inherit;">{{{level}}}</dt><!-- | ||
--><dd style="flex: 1 1 18ch; position: relative; margin: 0; padding: 0.3em 0.4em;"><!-- | --><dd style="flex: 1 1 18ch; position: relative; margin: 0; padding: 0.3em 0.4em;"><!-- | ||
-->{{#switch:{{{type|}}}<!-- | |||
-->| White Magic = <span class="icon-type-1" style="position: absolute; left: 0.4em; pointer-events: none;">[[File:White-magic-{{#switch:{{{element|}}}|Fire (Element)=fire-menu.webp|Ice=ice-menu.webp|Wind=wind-menu.webp|Earth=earth-menu.webp|Lightning=lightning-menu.webp|Water (Element)=water-menu.webp|#default=menu.webp}}|x18px|text-top|link=|alt=]]</span><!-- | |||
-->| Black Magic =<span class="icon-type-1" style="position: absolute; left: 0.4em; pointer-events: none;">[[File:Black-magic-{{#switch:{{{element|}}}|Fire (Element)=fire-menu.webp|Ice=ice-menu.webp|Wind=wind-menu.webp|Earth=earth-menu.webp|Lightning=lightning-menu.png|Water (Element)=water-menu.webp|Dark=dark-menu.webp|#default=menu.webp}}|x18px|text-top|link=|alt=]]</span><!-- | |||
-->}}<!-- | |||
-->{{#if:{{{icon|}}}|<!-- | -->{{#if:{{{icon|}}}|<!-- | ||
--><span class="icon-type-2" style="position: absolute; left: 0.4em; pointer-events: none;">[[{{{icon}}}|x18px|text-top|link=|alt=]]</span><!-- | --><span class="icon-type-2" style="position: absolute; left: 0.4em; pointer-events: none;">[[{{{icon}}}|x18px|text-top|link=|alt=]]</span><!-- | ||
