Template:SkillCard - Revision history

Geep: Fix style

2024-06-17T18:39:06Z

Fix style

← Older revision		Revision as of 11:39, 17 June 2024
Line 3:		Line 3:
	<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 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 style="flex: 1; padding-right: 10px; border-right: 1px solid #636165; margin-right: -1px;">		<div style="flex: 1; padding-right: 10px; border-right: 1px solid #636165; margin-right: -1px;">
	{{#if:{{{icon\|}}}\|[[{{{icon}}}\|64px\|left\|link=]]}}		{{#if:{{{icon\|}}}\|[[{{{icon}}}\|64px\|left\|link=]]}}<noinclude>
	<~~noinclude~~><div>{{Non-Attribute}} {{Tech}}</div></noinclude>		<!-- Preview only --><div>{{Non-Attribute}} {{Tech}}</div></noinclude>
	<div>{{#if:{{{element\|}}}\|{{{{{element}}}}}}} {{#if:{{{type\|}}}\|{{{{{type}}}}}}}</div>		<div>{{#if:{{{element\|}}}\|{{{{{element}}}}}}} {{#if:{{{type\|}}}\|{{{{{type}}}}}}}</div>
	<h3 style="margin-top: 5px">'''[[{{{skill_name\|Skill Name}}}]]''' <!--([[{{{descendant\|Descendant}}}]])--></h3>		<h3 style="margin-top: 5px">'''[[{{{skill_name\|Skill Name}}}]]''' <!--([[{{{descendant\|Descendant}}}]])--></h3>
Line 16:		Line 16:
	{{{info_table \|		{{{info_table \|
	<noinclude>		<noinclude>
			<!-- Preview only -->
	{{SkillCard/infoheader \| Sample Info}}		{{SkillCard/infoheader \| Sample Info}}
	{{SkillCard/inforow \| Sample Data \| Value}}		{{SkillCard/inforow \| Sample Data \| Value}}

Geep: Make attribute optional. Add sample data.

2024-06-17T14:47:28Z

Make attribute optional. Add sample data.

← Older revision		Revision as of 07:47, 17 June 2024
Line 4:		Line 4:
	<div style="flex: 1; padding-right: 10px; border-right: 1px solid #636165; margin-right: -1px;">		<div style="flex: 1; padding-right: 10px; border-right: 1px solid #636165; margin-right: -1px;">
	{{#if:{{{icon\|}}}\|[[{{{icon}}}\|64px\|left\|link=]]}}		{{#if:{{{icon\|}}}\|[[{{{icon}}}\|64px\|left\|link=]]}}
	<div>{{{{{element\|~~Non-Attribute~~}}}}} {{#if:{{{type\|}}}\|{{{{{type}}}}}}}</div>		<noinclude><div>{{Non-Attribute}} {{Tech}}</div></noinclude>
	<h3 style="margin-top: 5px">'''[[{{{skill_name\|Skill Name}}}]]''' <~~noinclude>~~([[{{{descendant\|Descendant}}}]])~~</noinclude~~></h3>		<div>{{#if:{{{element\|}}}\|{{{{{element}}}}}}} {{#if:{{{type\|}}}\|{{{{{type}}}}}}}</div>
			<h3 style="margin-top: 5px">'''[[{{{skill_name\|Skill Name}}}]]''' <!--([[{{{descendant\|Descendant}}}]])--></h3>
	<hr style="clear: both;" />		<hr style="clear: both;" />
	<p>{{{description \| Description of the ability.}}}</p>		<p>{{{description \| Description of the ability.}}}</p>
Line 13:		Line 14:
	{\| style="border-spacing: 0px 2px; border-collapse: separate; width: 100%; max-width: none; font-size: var(--font-size-small);"		{\| style="border-spacing: 0px 2px; border-collapse: separate; width: 100%; max-width: none; font-size: var(--font-size-small);"
	\|-		\|-
	{{{info_table \| {{!}} ~~Skill~~ Data ~~Table~~}}}		{{{info_table \|
			<noinclude>
			{{SkillCard/infoheader \| Sample Info}}
			{{SkillCard/inforow \| Sample Data \| Value}}
			</noinclude>
			}}}
	\|-		\|-
	\|}		\|}
	</div>		</div>
	</div>		</div>

Geep: Add optional skill icon

2024-06-16T16:44:48Z

Add optional skill icon

← Older revision		Revision as of 09:44, 16 June 2024
Line 3:		Line 3:
	<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 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 style="flex: 1; padding-right: 10px; border-right: 1px solid #636165; margin-right: -1px;">		<div style="flex: 1; padding-right: 10px; border-right: 1px solid #636165; margin-right: -1px;">
			{{#if:{{{icon\|}}}\|[[{{{icon}}}\|64px\|left\|link=]]}}
	<div>{{{{{element\|Non-Attribute}}}}} {{#if:{{{type\|}}}\|{{{{{type}}}}}}}</div>		<div>{{{{{element\|Non-Attribute}}}}} {{#if:{{{type\|}}}\|{{{{{type}}}}}}}</div>
	<h3 style="margin-top: 5px">'''[[{{{skill_name\|Skill Name}}}]]''' <noinclude>([[{{{descendant\|Descendant}}}]])</noinclude></h3>		<h3 style="margin-top: 5px">'''[[{{{skill_name\|Skill Name}}}]]''' <noinclude>([[{{{descendant\|Descendant}}}]])</noinclude></h3>
	<hr />		<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>}}		{{#if:{{{preview\|}}}\|<div class="preview">[[{{{preview}}}\|loop\|autoplay\|muted\|link=]]</div>}}

Geep at 21:53, 15 June 2024

2024-06-15T21:53:25Z

← Older revision		Revision as of 14:53, 15 June 2024
Line 7:		Line 7:
	<hr />		<hr />
	<p>{{{description \| Description of the ability.}}}</p>		<p>{{{description \| Description of the ability.}}}</p>
	{{#if:{{{preview\|a}}}\|<div class="preview">[[{{{preview~~\|File:Mov_Skill_LepicActive1.mp4~~}}}\|loop\|autoplay\|muted\|link=]]</div>}}		{{#if:{{{preview\|}}}\|<div class="preview">[[{{{preview}}}\|loop\|autoplay\|muted\|link=]]</div>}}
	</div>		</div>
	<div style="flex: 1; padding-left: 10px; border-left: 1px solid #636165;">		<div style="flex: 1; padding-left: 10px; border-left: 1px solid #636165;">

Geep: Test style

2024-06-15T20:59:27Z

Test style

← Older revision		Revision as of 13:59, 15 June 2024
Line 3:		Line 3:
	<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 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 style="flex: 1; padding-right: 10px; border-right: 1px solid #636165; margin-right: -1px;">		<div style="flex: 1; padding-right: 10px; border-right: 1px solid #636165; margin-right: -1px;">
	~~{{#if:{{{preview\|}}}\|<div class="preview">[[{{{preview}}}\|loop\|autoplay\|muted\|link=]]</div>}}~~
	<div>{{{{{element\|Non-Attribute}}}}} {{#if:{{{type\|}}}\|{{{{{type}}}}}}}</div>		<div>{{{{{element\|Non-Attribute}}}}} {{#if:{{{type\|}}}\|{{{{{type}}}}}}}</div>
	<h3 style="margin-top: 5px">'''[[{{{skill_name\|Skill Name}}}]]''' <noinclude>([[{{{descendant\|Descendant}}}]])</noinclude></h3>		<h3 style="margin-top: 5px">'''[[{{{skill_name\|Skill Name}}}]]''' <noinclude>([[{{{descendant\|Descendant}}}]])</noinclude></h3>
	<hr />		<hr />
	<p>{{{description \| Description of the ability.}}}</p>		<p>{{{description \| Description of the ability.}}}</p>
			{{#if:{{{preview\|a}}}\|<div class="preview">[[{{{preview\|File:Mov_Skill_LepicActive1.mp4}}}\|loop\|autoplay\|muted\|link=]]</div>}}
	</div>		</div>
	<div style="flex: 1; padding-left: 10px; border-left: 1px solid #636165;">		<div style="flex: 1; padding-left: 10px; border-left: 1px solid #636165;">

Geep: Test style

2024-06-15T20:24:26Z

Test style

← Older revision		Revision as of 13:24, 15 June 2024
Line 3:		Line 3:
	<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 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 style="flex: 1; padding-right: 10px; border-right: 1px solid #636165; margin-right: -1px;">		<div style="flex: 1; padding-right: 10px; border-right: 1px solid #636165; margin-right: -1px;">
			{{#if:{{{preview\|}}}\|<div class="preview">[[{{{preview}}}\|loop\|autoplay\|muted\|link=]]</div>}}
	<div>{{{{{element\|Non-Attribute}}}}} {{#if:{{{type\|}}}\|{{{{{type}}}}}}}</div>		<div>{{{{{element\|Non-Attribute}}}}} {{#if:{{{type\|}}}\|{{{{{type}}}}}}}</div>
	<h3 style="margin-top: 5px">'''[[{{{skill_name\|Skill Name}}}]]''' <noinclude>([[{{{descendant\|Descendant}}}]])</noinclude></h3>		<h3 style="margin-top: 5px">'''[[{{{skill_name\|Skill Name}}}]]''' <noinclude>([[{{{descendant\|Descendant}}}]])</noinclude></h3>
	<hr />		<hr />
	<p>{{{description \| Description of the ability.}}}</p>		<p>{{{description \| Description of the ability.}}}</p>
	~~{{#if:{{{preview\|}}}\|<div>[[{{{preview}}}\|frameless\|link={{{preview}}}\|class=preview]]</div>}}~~
	</div>		</div>
	<div style="flex: 1; padding-left: 10px; border-left: 1px solid #636165;">		<div style="flex: 1; padding-left: 10px; border-left: 1px solid #636165;">

Geep: Use smaller font for info table

2024-06-14T15:12:20Z

Use smaller font for info table

← Older revision		Revision as of 08:12, 14 June 2024
Line 10:		Line 10:
	</div>		</div>
	<div style="flex: 1; padding-left: 10px; border-left: 1px solid #636165;">		<div style="flex: 1; padding-left: 10px; border-left: 1px solid #636165;">
	{\| style="border-spacing: 0px 2px; border-collapse: separate; width: 100%; max-width: none;"		{\| style="border-spacing: 0px 2px; border-collapse: separate; width: 100%; max-width: none; font-size: var(--font-size-small);"
	\|-		\|-
	{{{info_table \| {{!}} Skill Data Table}}}		{{{info_table \| {{!}} Skill Data Table}}}

Geep: Use damage type template

2024-06-14T14:57:04Z

Use damage type template

← Older revision		Revision as of 07:57, 14 June 2024
Line 3:		Line 3:
	<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 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 style="flex: 1; padding-right: 10px; border-right: 1px solid #636165; margin-right: -1px;">		<div style="flex: 1; padding-right: 10px; border-right: 1px solid #636165; margin-right: -1px;">
	<div>{{{element\|Attribute}}} • {{{type\|~~Type~~}}}</div>		<div>{{{{{element\|Non-Attribute}}}}} {{#if:{{{type\|}}}\|{{{{{type}}}}}}}</div>
	<h3 style="margin-top: 5px">'''[[{{{skill_name\|Skill Name}}}]]''' <noinclude>([[{{{descendant\|Descendant}}}]])</noinclude></h3>		<h3 style="margin-top: 5px">'''[[{{{skill_name\|Skill Name}}}]]''' <noinclude>([[{{{descendant\|Descendant}}}]])</noinclude></h3>
	<hr />		<hr />

Geep: Re-enable css

2024-06-11T19:05:28Z

Re-enable css

← Older revision		Revision as of 12:05, 11 June 2024
Line 1:		Line 1:

	~~<!--~~<templatestyles src="/styles.css" /~~>--~~>		<templatestyles src="SkillCard/styles.css" />
	<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 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 style="flex: 1; padding-right: 10px; border-right: 1px solid #636165; margin-right: -1px;">		<div style="flex: 1; padding-right: 10px; border-right: 1px solid #636165; margin-right: -1px;">

Geep at 16:28, 11 June 2024

2024-06-11T16:28:42Z

← Older revision		Revision as of 09:28, 11 June 2024
Line 7:		Line 7:
	<hr />		<hr />
	<p>{{{description \| Description of the ability.}}}</p>		<p>{{{description \| Description of the ability.}}}</p>
	{{#if:{{{preview\|}}}\|<div>[[{{{preview}}}\|link={{{preview}}}\|class=preview]]</div>}}		{{#if:{{{preview\|}}}\|<div>[[{{{preview}}}\|frameless\|link={{{preview}}}\|class=preview]]</div>}}
	</div>		</div>
	<div style="flex: 1; padding-left: 10px; border-left: 1px solid #636165;">		<div style="flex: 1; padding-left: 10px; border-left: 1px solid #636165;">