Template:Subtype infocard: Difference between revisions

1,557 bytes removed ,  02:55, 14 August 2021
convert inline styles to stylesheet styles due to increased security/sanitization after wiki move
m (Great idea! I believe we can just move this ID into one of the existing elements though, to avoid adding extra space between)
(convert inline styles to stylesheet styles due to increased security/sanitization after wiki move)
Line 1: Line 1:
<includeonly><!--
<includeonly><!--
   --><div id="{{{name}}}" class="subtype-infobox" style="display:inline-flex; width:1460px; flex-wrap:wrap; background: var(--qud-bg-color-darker); border-radius:6px; font-family:'Source Code Pro'; font-weight:700; box-shadow:1px 1px 5px rgba(0,0,0,0.8); margin:1.2em 0;"><!--
   --><div id="{{{name}}}" class="subtype-infobox"><!--
     --><div class="subtype-title" style="display:flex; padding: 0.2em; padding-left: 2em; flex:0 0 100%; box-sizing:border-box; font-size: 1.4em; border-top-right-radius:inherit; border-top-left-radius:inherit; background-color:#0a2726;"><div style="flex-grow:1;">{{{name}}}</div><div style="font-size:0.9em;color:var(--qud-color-m-dark);padding-right:0.7em;">build code: {{{buildcode|?}}}</div></div><!--
     --><div class="subtype-title"><div class="subtype-name">{{{name}}}</div><div class="subtype-buildcode">build code: {{{buildcode|?}}}</div></div><!--
     --><div class="subtype-image" style="display:flex; flex-wrap:wrap; width:160px; height:240px; margin-right: 2em;"><!--
     --><div class="subtype-image"><!--
       --><div>[[Image:{{{image}}}]]</div><!--
       --><div>[[Image:{{{image}}}]]</div><!--
     --></div><!--
     --></div><!--
     --><div class="subtype-bonus-box" style="padding-top:2em; margin-right: 1em; position:relative; font-size: 1.2em; height:240px; width:180px; box-sizing:border-box;"><!--
     --><div class="subtype-bonus-box"><!--


       STAT BONUSES:
       STAT BONUSES:


       -->{{#if:{{#pos:{{{strength|}}}|-}}||{{#if:{{{strength|}}}|<div style="color:var(--qud-color-g);">{{{strength}}} [[Strength|<span style="color:var(--qud-color-g);">Strength</span>]]</div>}}}}<!--
       -->{{#if:{{#pos:{{{strength|}}}|-}}||{{#if:{{{strength|}}}|<div class="subtype-stat-bonus-wrap">{{{strength}}} [[Strength|<span class="subtype-stat-bonus-label">Strength</span>]]</div>}}}}<!--
       -->{{#if:{{#pos:{{{agility|}}}|-}}||{{#if:{{{agility|}}}|<div style="color:var(--qud-color-g);">{{{agility}}} [[Agility|<span style="color:var(--qud-color-g);">Agility</span>]]</div>}}}}<!--
       -->{{#if:{{#pos:{{{agility|}}}|-}}||{{#if:{{{agility|}}}|<div class="subtype-stat-bonus-wrap">{{{agility}}} [[Agility|<span class="subtype-stat-bonus-label">Agility</span>]]</div>}}}}<!--
       -->{{#if:{{#pos:{{{toughness|}}}|-}}||{{#if:{{{toughness|}}}|<div style="color:var(--qud-color-g);">{{{toughness}}} [[Toughness|<span style="color:var(--qud-color-g);">Toughness</span>]]</div>}}}}<!--
       -->{{#if:{{#pos:{{{toughness|}}}|-}}||{{#if:{{{toughness|}}}|<div class="subtype-stat-bonus-wrap">{{{toughness}}} [[Toughness|<span class="subtype-stat-bonus-label">Toughness</span>]]</div>}}}}<!--
       -->{{#if:{{#pos:{{{intelligence|}}}|-}}||{{#if:{{{intelligence|}}}|<div style="color:var(--qud-color-g);">{{{intelligence}}} [[Intelligence|<span style="color:var(--qud-color-g);">Intelligence</span>]]</div>}}}}<!--
       -->{{#if:{{#pos:{{{intelligence|}}}|-}}||{{#if:{{{intelligence|}}}|<div class="subtype-stat-bonus-wrap">{{{intelligence}}} [[Intelligence|<span class="subtype-stat-bonus-label">Intelligence</span>]]</div>}}}}<!--
       -->{{#if:{{#pos:{{{willpower|}}}|-}}||{{#if:{{{willpower|}}}|<div style="color:var(--qud-color-g);">{{{willpower}}} [[Willpower|<span style="color:var(--qud-color-g);">Willpower</span>]]</div>}}}}<!--
       -->{{#if:{{#pos:{{{willpower|}}}|-}}||{{#if:{{{willpower|}}}|<div class="subtype-stat-bonus-wrap">{{{willpower}}} [[Willpower|<span class="subtype-stat-bonus-label">Willpower</span>]]</div>}}}}<!--
       -->{{#if:{{#pos:{{{ego|}}}|-}}||{{#if:{{{ego|}}}|<div style="color:var(--qud-color-g);">{{{ego}}} [[Ego|<span style="color:var(--qud-color-g);">Ego</span>]]</div>}}}}<!--
       -->{{#if:{{#pos:{{{ego|}}}|-}}||{{#if:{{{ego|}}}|<div class="subtype-stat-bonus-wrap">{{{ego}}} [[Ego|<span class="subtype-stat-bonus-label">Ego</span>]]</div>}}}}<!--


       STAT PENALTIES:
       STAT PENALTIES:


       -->{{#if:{{#pos:{{{strength|}}}|-}}|<div style="color:var(--qud-color-r);">{{{strength}}} [[Strength|<span style="color:var(--qud-color-r);">Strength</span>]]</div>}}<!--
       -->{{#if:{{#pos:{{{strength|}}}|-}}|<div class="subtype-stat-malus-wrap">{{{strength}}} [[Strength|<span class="subtype-stat-malus-label">Strength</span>]]</div>}}<!--
       -->{{#if:{{#pos:{{{agility|}}}|-}}|<div style="color:var(--qud-color-r);">{{{agility}}} [[Agility|<span style="color:var(--qud-color-r);">Agility</span>]]</div>}}<!--
       -->{{#if:{{#pos:{{{agility|}}}|-}}|<div class="subtype-stat-malus-wrap">{{{agility}}} [[Agility|<span class="subtype-stat-malus-label">Agility</span>]]</div>}}<!--
       -->{{#if:{{#pos:{{{toughness|}}}|-}}|<div style="color:var(--qud-color-r);">{{{toughness}}} [[Toughness|<span style="color:var(--qud-color-r);">Toughness</span>]]</div>}}<!--
       -->{{#if:{{#pos:{{{toughness|}}}|-}}|<div class="subtype-stat-malus-wrap">{{{toughness}}} [[Toughness|<span class="subtype-stat-malus-label">Toughness</span>]]</div>}}<!--
       -->{{#if:{{#pos:{{{intelligence|}}}|-}}|<div style="color:var(--qud-color-r);">{{{intelligence}}} [[Intelligence|<span style="color:var(--qud-color-r);">Intelligence</span>]]</div>}}<!--
       -->{{#if:{{#pos:{{{intelligence|}}}|-}}|<div class="subtype-stat-malus-wrap">{{{intelligence}}} [[Intelligence|<span class="subtype-stat-malus-label">Intelligence</span>]]</div>}}<!--
       -->{{#if:{{#pos:{{{willpower|}}}|-}}|<div style="color:var(--qud-color-r);">{{{willpower}}} [[Willpower|<span style="color:var(--qud-color-r);">Willpower</span>]]</div>}}<!--
       -->{{#if:{{#pos:{{{willpower|}}}|-}}|<div class="subtype-stat-malus-wrap">{{{willpower}}} [[Willpower|<span class="subtype-stat-malus-label">Willpower</span>]]</div>}}<!--
       -->{{#if:{{#pos:{{{ego|}}}|-}}|<div style="color:var(--qud-color-r);">{{{ego}}} [[Ego|<span style="color:var(--qud-color-r);">Ego</span>]]</div>}}<!--
       -->{{#if:{{#pos:{{{ego|}}}|-}}|<div class="subtype-stat-malus-wrap">{{{ego}}} [[Ego|<span class="subtype-stat-malus-label">Ego</span>]]</div>}}<!--




       -->{{#if:{{{bonusnote|}}}|<div style="margin-top:1em;line-height:1.4em;">{{{bonusnote}}}</div>}}<!--
       -->{{#if:{{{bonusnote|}}}|<div class="subtype-bonus-note">{{{bonusnote}}}</div>}}<!--




     --></div><!--
     --></div><!--
     --><div class="subtype-skill-box" style="font-size:1.1em; padding-top:1em; color:var(--qud-color-k-dark); min-width: 240px;"><!--
     --><div class="subtype-skill-box"><!--
       --><div><!--
       --><div><!--
         -->{{qud look|title=skills|bottomtext=none|text={{consecutive links|{{{skills}}}|</br>|3=</div><div style="color:var(--qud-color-k-dark);">|4=<div style="color:var(--qud-color-k-dark);">|5=</div>|8=--|9=<span> » </span>}}}}<!--
         -->{{qud look|title=skills|bottomtext=none|text={{consecutive links|{{{skills}}}|</br>|3=</div><div class="subtype-k-dark">|4=<div class="subtype-k-dark">|5=</div>|8=--|9=<span> » </span>}}}}<!--
       --></div><!--
       --></div><!--
     --></div><!--
     --></div><!--
     --><div class="subtype-items" style="display:flex; flex-wrap: nowrap;><!--
     --><div class="subtype-items"><!--
       --><div class="subtype-equip-list" style="padding:1em 0 1em 2em; color:var(--qud-color-y-dark); box-sizing:border-box;"><!--
       --><div class="subtype-equip-list"><!--
         --><div><!--
         --><div><!--
           --><div style="font-size:1.2em;">Equipped:</div><!--
           --><div class="subtype-equipped-label">Equipped:</div><!--
           --><div style="font-family: var(--qud-font-infobox-content);font-size:0.95em;padding-left:1em;"><!--
           --><div class="subtype-equip-list-items"><!--
             -->{{make list|{{{equipped}}}|</br>|style=display: inline-grid; grid-auto-flow: column; grid-template-rows: repeat(8, auto); grid-column-gap:3em;}}<!--
             -->{{make list|{{{equipped}}}|</br>|style=display: inline-grid; grid-auto-flow: column; grid-template-rows: repeat(8, auto); grid-column-gap:3em;}}<!--
           --></div><!--
           --></div><!--
         --></div><!--
         --></div><!--
       --></div><!--
       --></div><!--
       --><div class="subtype-items-list" style="padding:1em 0 1em 2em; color:var(--qud-color-y-dark); box-sizing:border-box;"><!--
       --><div class="subtype-items-list"><!--
         --><div><!--
         --><div><!--
           --><div style="font-size:1.2em;">In Inventory:</div><!--
           --><div class="subtype-items-list-label">In Inventory:</div><!--
           --><div style="font-family: var(--qud-font-infobox-content);font-size:0.95em;padding-left:1em;"><!--
           --><div class="subtype-items-list-items"><!--
             -->{{make list|{{{inventory}}}|</br>|style=display: inline-grid; grid-auto-flow: column; grid-template-rows: repeat(8, auto); grid-column-gap:3em;}}<!--
             -->{{make list|{{{inventory}}}|</br>|style=display: inline-grid; grid-auto-flow: column; grid-template-rows: repeat(8, auto); grid-column-gap:3em;}}<!--
           --></div><!--
           --></div><!--
Line 54: Line 54:
     --></div><!--
     --></div><!--


     -->{{#if:{{{footnote|}}}|<div class="subtype-footnote" style="display:flex; padding: 0.2em; flex:0 0 100%; box-sizing:border-box; font-size: 1em; font-weight: normal; font-family: var(--qud-font-infobox-content); border-bottom-right-radius:inherit; border-bottom-left-radius:inherit; background-color:#0a2726; justify-content: flex-end;"><div style="display:inline-block; text-align:right; border-bottom-right-radius:inherit; border-bottom-left-radius:inherit; padding: 0 1em;">{{{footnote}}}</div></div>}}<!--
     -->{{#if:{{{footnote|}}}|<div class="subtype-footnote"><div class="subtype-footnote-inner">{{{footnote}}}</div></div>}}<!--


   --></div><!--
   --></div><!--