Template:Ship tier icon - Revision history

76561197969631737: Updated with css new classes

2026-08-06T18:39:45Z

Updated with css new classes

← Older revision		Revision as of 18:39, 6 August 2026
Line 1:		Line 1:
	<includeonly><span class="cc-ship-tier-icon~~" style="position: relative; display: inline~~-~~block; width:~~ {{~~#switch~~: {{{~~size~~\|sm}}}~~\|xs=16\|sm=32\|md=64~~}}~~px; height: {{#switch: {{{size\|xs}}}\|xs=16\|sm=32\|md~~=~~64}}px; line-height: 0;~~"~~><!~~--		<includeonly><span class="cc-ship-tier-icon cc-ship-tier-icon-{{lc:{{{path\|None}}}}}" style="--instance-width: {{#switch: {{{size\|xs}}}\|xs=16\|sm=32\|md=64\|lg=96\|xl=128}}px; --instance-font-size: {{#switch: {{{size\|xs}}}\|xs=18\|sm=26\|md=48\|lg=72\|xl=96}}px;">{{{1\|1}}}</span></includeonly><noinclude>
	-~~->[[File~~: ~~{{#if: {{{path\|}}} \| Ship tier icon {{{path}}}.png \| T_SevenSeas_TierNumber.png }}\|x~~{{#switch: {{{size\|xs}}}\|xs=16\|sm=32\|md=64}}px~~]]<!-~~-
	--~~><span style="position: absolute; top: 46%; left: 30%; width: 50%; height: 60%;~~ font-size: {{#switch: {{{size\|xs}}}\|xs=12\|sm=20\|md=42}}px;">{{{1\|1}}}~~</span><!--~~
	~~-->~~</span></includeonly><noinclude>

	Generates a ~~diamond-shaped colored~~ icon with a number, indicating the tier of a ship, similar to as seen in-game. Uses standard sizes extra small through ~~medium~~.		Generates a Principle Path–appropriate icon with a number, indicating the tier of a ship, similar to as seen in-game. Uses standard sizes extra small through extra large.

	== Usage ==		== Usage ==
Line 13:		Line 10:
	\| tier number \|\| <code>1</code> through <code>6</code>		\| tier number \|\| <code>1</code> through <code>6</code>
	\|-		\|-
	\| <code>path=<code> \|\| One of the Principle Path names, or omit for a plain ~~black diamond~~:		\| <code>path=<code> \|\| One of the Principle Path names, or omit for a plain icon:
	* <code>Notoriety</code>		* <code>Notoriety</code>
	* <code>Empire</code>		* <code>Empire</code>
Line 23:		Line 20:
	* <code>sm</code>		* <code>sm</code>
	* <code>md</code>		* <code>md</code>
			* <code>lg</code>
			* <code>xl</code>
	\|}		\|}

Line 41:		Line 40:
	<pre>{{Ship tier icon\|5\|path=Wealth\|size=md}}</pre>		<pre>{{Ship tier icon\|5\|path=Wealth\|size=md}}</pre>
	{{Ship tier icon\|5\|path=Wealth\|size=md}}		{{Ship tier icon\|5\|path=Wealth\|size=md}}

			<pre>{{Ship tier icon\|4\|path=None\|size=lg}}</pre>
			{{Ship tier icon\|4\|path=None\|size=lg}}

			<pre>{{Ship tier icon\|6\|path=Empire\|size=xl}}</pre>
			{{Ship tier icon\|6\|path=Empire\|size=xl}}

	[[Category: Icon templates]]		[[Category: Icon templates]]
	</noinclude>		</noinclude>

76561197969631737: Updated documentation; outstanding alignment issue in xs paragraph size to solve with CSS

2026-07-24T02:03:21Z

Updated documentation; outstanding alignment issue in xs paragraph size to solve with CSS

← Older revision		Revision as of 02:03, 24 July 2026
Line 1:		Line 1:
	<includeonly><span style="position: relative; display: inline-block; width: {{#switch: {{{size\|sm}}}\|xs=16\|sm=32\|md=64}}px; height: {{#switch: {{{size\|sm}}}\|xs=16\|sm=32\|md=64}}px; line-height: 0;"><!--		<includeonly><span class="cc-ship-tier-icon" style="position: relative; display: inline-block; width: {{#switch: {{{size\|sm}}}\|xs=16\|sm=32\|md=64}}px; height: {{#switch: {{{size\|xs}}}\|xs=16\|sm=32\|md=64}}px; line-height: 0;"><!--
	-->[[File: {{#if: {{{path\|}}} \| Ship tier icon {{{path}}}.png \| T_SevenSeas_TierNumber.png }}\|x{{#switch: {{{size\|sm}}}\|xs=16\|sm=32\|md=64}}px]]<!--		-->[[File: {{#if: {{{path\|}}} \| Ship tier icon {{{path}}}.png \| T_SevenSeas_TierNumber.png }}\|x{{#switch: {{{size\|xs}}}\|xs=16\|sm=32\|md=64}}px]]<!--
	--><span style="position: absolute; top: 46%; left: 30%; width: 50%; height: 60%; font-size: {{#switch: {{{size\|sm}}}\|xs=12\|sm=20\|md=42}}px;">{{{1\|1}}}</span><!--		--><span style="position: absolute; top: 46%; left: 30%; width: 50%; height: 60%; font-size: {{#switch: {{{size\|xs}}}\|xs=12\|sm=20\|md=42}}px;">{{{1\|1}}}</span><!--
	--></span></includeonly><noinclude>		--></span></includeonly><noinclude>

	~~{{Ship~~ tier ~~icon\|1\|size=xs}}~~		Generates a diamond-shaped colored icon with a number, indicating the tier of a ship, similar to as seen in-game. Uses standard sizes extra small through medium.

			== Usage ==

			{\|class="wikitable sortable"
			! Parameter !! Purpose
			\|-
			\| tier number \|\| <code>1</code> through <code>6</code>
			\|-
			\| <code>path=<code> \|\| One of the Principle Path names, or omit for a plain black diamond:
			* <code>Notoriety</code>
			* <code>Empire</code>
			* <code>Seafaring</code>
			* <code>Wealth</code>
			\|-
			\| <code>size=</code> \|\| A size for the icon, or omit for size appropriate for inline in paragraphs:
			* <code>xs</code> - default
			* <code>sm</code>
			* <code>md</code>
			\|}

			=== Example ===

			<pre>{{Ship tier icon\|1}}</pre>
			{{Ship tier icon\|1}}

			<pre>{{Ship tier icon\|2\|path=Notoriety}}</pre>
	{{Ship tier icon\|2\|path=Notoriety}}		{{Ship tier icon\|2\|path=Notoriety}}

	{{Ship tier icon\|4\|path=Empire\|size=md}}		<pre>{{Ship tier icon\|4\|path=Empire\|size=sm}}</pre>
			{{Ship tier icon\|4\|path=Empire\|size=sm}}

	{{Ship tier icon\|3\|path=Seafaring}}		<pre>{{Ship tier icon\|3\|path=Seafaring\|size=md}}</pre>
			{{Ship tier icon\|3\|path=Seafaring\|size=md}}

			<pre>{{Ship tier icon\|5\|path=Wealth\|size=md}}</pre>
	{{Ship tier icon\|5\|path=Wealth\|size=md}}		{{Ship tier icon\|5\|path=Wealth\|size=md}}

	[[Category: Icon templates]]		[[Category: Icon templates]]
	</noinclude>		</noinclude>

76561197969631737: changed span to inline-block to help restore positioning

2026-07-19T04:26:48Z

changed span to inline-block to help restore positioning

← Older revision		Revision as of 04:26, 19 July 2026
Line 1:		Line 1:
	<includeonly><span style="position: relative; width: {{#switch: {{{size\|sm}}}\|xs=16\|sm=32\|md=64}}px; height: {{#switch: {{{size\|sm}}}\|xs=16\|sm=32\|md=64}}px; line-height: 0;"><!--		<includeonly><span style="position: relative; display: inline-block; width: {{#switch: {{{size\|sm}}}\|xs=16\|sm=32\|md=64}}px; height: {{#switch: {{{size\|sm}}}\|xs=16\|sm=32\|md=64}}px; line-height: 0;"><!--
	-->[[File: {{#if: {{{path\|}}} \| Ship tier icon {{{path}}}.png \| T_SevenSeas_TierNumber.png }}\|x{{#switch: {{{size\|sm}}}\|xs=16\|sm=32\|md=64}}px]]<!--		-->[[File: {{#if: {{{path\|}}} \| Ship tier icon {{{path}}}.png \| T_SevenSeas_TierNumber.png }}\|x{{#switch: {{{size\|sm}}}\|xs=16\|sm=32\|md=64}}px]]<!--
	--><span style="position: absolute; top: 48%; left: 30%; width: 50%; height: 60%; font-size: {{#switch: {{{size\|sm}}}\|xs=12\|sm=20\|md=42}}px;">{{{1\|1}}}</span><!--		--><span style="position: absolute; top: 46%; left: 30%; width: 50%; height: 60%; font-size: {{#switch: {{{size\|sm}}}\|xs=12\|sm=20\|md=42}}px;">{{{1\|1}}}</span><!--
	--></span></includeonly><noinclude>		--></span></includeonly><noinclude>

76561197969631737: changed divs to spans

2026-07-19T04:20:58Z

changed divs to spans

← Older revision		Revision as of 04:20, 19 July 2026
Line 1:		Line 1:
	<includeonly><~~div~~ style="position: relative~~; display: inline-block~~; width: {{#switch: {{{size\|sm}}}\|xs=16\|sm=32\|md=64}}px; height: {{#switch: {{{size\|sm}}}\|xs=16\|sm=32\|md=64}}px; line-height: 0;"><!--		<includeonly><span style="position: relative; width: {{#switch: {{{size\|sm}}}\|xs=16\|sm=32\|md=64}}px; height: {{#switch: {{{size\|sm}}}\|xs=16\|sm=32\|md=64}}px; line-height: 0;"><!--
	-->[[File: {{#if: {{{path\|}}} \| Ship tier icon {{{path}}}.png \| T_SevenSeas_TierNumber.png }}\|x{{#switch: {{{size\|sm}}}\|xs=16\|sm=32\|md=64}}px]]<!--		-->[[File: {{#if: {{{path\|}}} \| Ship tier icon {{{path}}}.png \| T_SevenSeas_TierNumber.png }}\|x{{#switch: {{{size\|sm}}}\|xs=16\|sm=32\|md=64}}px]]<!--
	--><~~div~~ style="position: absolute; top: 45%; left: 30%; width: 50%; height: 60%; font-size: {{#switch: {{{size\|sm}}}\|xs=12\|sm=20\|md=42}}px;">{{{1\|1}}}</~~div~~><!--		--><span style="position: absolute; top: 48%; left: 30%; width: 50%; height: 60%; font-size: {{#switch: {{{size\|sm}}}\|xs=12\|sm=20\|md=42}}px;">{{{1\|1}}}</span><!--
	--></~~div~~></includeonly><noinclude>		--></span></includeonly><noinclude>

	{{Ship tier icon\|1\|size=xs}}		{{Ship tier icon\|1\|size=xs}}

76561197969631737: Shows an icon with a Principle Path–colored background and a tier number, for ships

2026-07-19T02:39:13Z

Shows an icon with a Principle Path–colored background and a tier number, for ships

New page

<includeonly><div style="position: relative; display: inline-block; width: {{#switch: {{{size|sm}}}|xs=16|sm=32|md=64}}px; height: {{#switch: {{{size|sm}}}|xs=16|sm=32|md=64}}px; line-height: 0;">[[File: {{#if: {{{path|}}} | Ship tier icon {{{path}}}.png | T_SevenSeas_TierNumber.png }}|x{{#switch: {{{size|sm}}}|xs=16|sm=32|md=64}}px]]<div style="position: absolute; top: 45%; left: 30%; width: 50%; height: 60%; font-size: {{#switch: {{{size|sm}}}|xs=12|sm=20|md=42}}px;">{{{1|1}}}</div></div></includeonly><noinclude>

{{Ship tier icon|1|size=xs}}

{{Ship tier icon|2|path=Notoriety}}

{{Ship tier icon|4|path=Empire|size=md}}

{{Ship tier icon|3|path=Seafaring}}

{{Ship tier icon|5|path=Wealth|size=md}}

[[Category: Icon templates]]
</noinclude>