(Test of dynamism for less future work if it works) |
m (Fix style) |
||
| (20 intermediate revisions by 3 users not shown) | |||
| Line 1: | Line 1: | ||
<div style="display: flex; justify-content: space-between; align-items: flex-start; border: 1px solid # | <templatestyles src="SkillCard/styles.css" /> | ||
<div style="flex: 1; padding-right: 10px;"> | <div style="display: flex; justify-content: space-between; align-items: flex-start; border: 1px solid #6F7277; padding: 10px; background: linear-gradient(to bottom right, #4C4F4D, #1B1C1F 30%, #1A191A); color: #cccccc;"> | ||
<div>{{{element| | <div style="flex: 1; padding-right: 10px; border-right: 1px solid #636165; margin-right: -1px;"> | ||
<h3>'''[[{{ | {{#if:{{{icon|}}}|[[{{{icon}}}|64px|left|link=]]}}<noinclude> | ||
<hr /> | <!-- Preview only --><div>{{Non-Attribute}} {{Tech}}</div></noinclude> | ||
<div>{{#if:{{{element|}}}|{{{{{element}}}}}}} {{#if:{{{type|}}}|{{{{{type}}}}}}}</div> | |||
<h3 style="margin-top: 5px">'''[[{{{skill_name|Skill Name}}}]]''' <!--([[{{{descendant|Descendant}}}]])--></h3> | |||
<hr style="clear: both;" /> | |||
<p>{{{description | Description of the ability.}}}</p> | <p>{{{description | Description of the ability.}}}</p> | ||
{{#if:{{{preview|}}}|<div class="preview">[[{{{preview}}}|loop|autoplay|muted|link=]]</div>}} | |||
</div> | </div> | ||
<div style="flex: 1; padding-left: 10px; border-left: 1px solid # | <div style="flex: 1; padding-left: 10px; border-left: 1px solid #636165;"> | ||
{| style=" | {| style="border-spacing: 0px 2px; border-collapse: separate; width: 100%; max-width: none; font-size: var(--font-size-small);" | ||
|- | |- | ||
{{{info_table | {{ | {{{info_table | | ||
<noinclude> | |||
<!-- Preview only --> | |||
{{SkillCard/infoheader | Sample Info}} | |||
{{SkillCard/inforow | Sample Data | Value}} | |||
</noinclude> | |||
}}} | |||
|- | |- | ||
|} | |} | ||
</div> | </div> | ||
</div> | </div> | ||
Latest revision as of 10:39, 17 June 2024
| Sample Info | |
| Sample Data | Value |