Template:CharacterBoxes - Revision history

CStatic at 21:50, 2 October 2026

2026-10-02T21:50:33Z

← Older revision		Revision as of 21:50, 2 October 2026
Line 1:		Line 1:
	{{#css:		{{#css:
	.charboximg:hover {		.charboximg:hover {
	~~transition~~: ~~scale~~(1.4);		transform: translateY(-10px);
	}		filter: drop-shadow(0 0 0.5rem #e1a016);
	}}		}
	<includeonly><div class="charboxContainer" style="display:flex; flex-direction:column; align-items:center;"><div class="charboximg" style="border: 4px solid red;		}}<includeonly><div class="charboxContainer" style="display:flex; flex-direction:column; align-items:center;"><div class="charboximg" style="border: 4px solid red; border-radius: 8px;transition: 0.2s;overflow: hidden;">[[File:{{{img}}}.png\|x125px\|link={{{link}}}]]
	border-radius: 8px;
	overflow: hidden;
	~~margin:0~~;">[[File:{{{img}}}.png\|x125px\|link={{{link}}}]]
	</div><div>[[{{{link}}}]]</div></div>		</div><div>[[{{{link}}}]]</div></div>
	</includeonly>		</includeonly>

CStatic at 21:06, 2 October 2026

2026-10-02T21:06:14Z

← Older revision		Revision as of 21:06, 2 October 2026
Line 1:		Line 1:
	{{#css:		{{#css:
	.~~charboxContainer~~ {		.charboximg:hover {
	~~display~~:~~inline-block;~~		transition: scale(1.4);
	}

	.~~charboximg {~~
	~~border: 4px solid red;~~
	~~border-radius: 8px;~~
	~~overflow: hidden~~;
	}		}
	}}		}}
	<includeonly><div class="charboxContainer"><div class="charboximg" style="~~display:inline-block;~~		<includeonly><div class="charboxContainer" style="display:flex; flex-direction:column; align-items:center;"><div class="charboximg" style="border: 4px solid red;
	border: 4px solid red;
	border-radius: 8px;		border-radius: 8px;
	overflow: hidden;		overflow: hidden;

CStatic at 20:53, 2 October 2026

2026-10-02T20:53:29Z

← Older revision		Revision as of 20:53, 2 October 2026
Line 14:		Line 14:
	border-radius: 8px;		border-radius: 8px;
	overflow: hidden;		overflow: hidden;
	margin:0;">[[File:{{{img}}}.png\|~~x140px~~\|link={{{link}}}]]		margin:0;">[[File:{{{img}}}.png\|x125px\|link={{{link}}}]]
	</div><div ~~class="charboxeslink"~~>[[{{{link}}}]]</div></div>		</div><div>[[{{{link}}}]]</div></div>
	</includeonly>		</includeonly>
	<noinclude>		<noinclude>

CStatic at 20:51, 2 October 2026

2026-10-02T20:51:55Z

← Older revision		Revision as of 20:51, 2 October 2026
Line 1:		Line 1:
	{{#css:		{{#css:
	.charboxContainer {		.charboxContainer {
	display:~~flex;~~		display:inline-block;
	~~align~~-~~items:center;~~
	~~justify-items:center;~~
	~~text-align:center;~~
	~~border: 4px solid blue~~;
	}		}

	.charboximg {		.charboximg {
	~~display:block;~~
	border: 4px solid red;		border: 4px solid red;
	border-radius: 8px;		border-radius: 8px;

CStatic at 20:51, 2 October 2026

2026-10-02T20:51:09Z

← Older revision		Revision as of 20:51, 2 October 2026
Line 1:		Line 1:
	{{#css:		{{#css:
	.charboxContainer {		.charboxContainer {
			display:flex;
			align-items:center;
			justify-items:center;
			text-align:center;
			border: 4px solid blue;
	}		}

Line 15:		Line 19:
	border-radius: 8px;		border-radius: 8px;
	overflow: hidden;		overflow: hidden;
	margin:0;">		margin:0;">[[File:{{{img}}}.png\|x140px\|link={{{link}}}]]
	[[File:{{{img}}}.png\|x140px\|link={{{link}}}]]
	</div><div class="charboxeslink">[[{{{link}}}]]</div></div>		</div><div class="charboxeslink">[[{{{link}}}]]</div></div>
	</includeonly>		</includeonly>
	<noinclude>		<noinclude>
	{{CharacterBoxes		{{CharacterBoxes
	\|img=~~Placeholder~~		\|img=LuthIcon
	\|link=Luth Helwind		\|link=Luth Helwind
	}}		}}
	</noinclude>		</noinclude>

CStatic at 20:43, 2 October 2026

2026-10-02T20:43:04Z

← Older revision		Revision as of 20:43, 2 October 2026
Line 11:		Line 11:
	}		}
	}}		}}
	<includeonly><div class="charboxContainer"><div class="charboximg">		<includeonly><div class="charboxContainer"><div class="charboximg" style="display:inline-block;
	[[File:{{{img}}}.png\|x140px\|link={{{link}}}]]<br/><div class="charboxeslink">[[{{{link}}}]]~~</div>~~		border: 4px solid red;
	</div></div>		border-radius: 8px;
			overflow: hidden;
			margin:0;">
			[[File:{{{img}}}.png\|x140px\|link={{{link}}}]]
			</div><div class="charboxeslink">[[{{{link}}}]]</div></div>
	</includeonly>		</includeonly>
	<noinclude>		<noinclude>

CStatic at 20:38, 2 October 2026

2026-10-02T20:38:02Z

← Older revision		Revision as of 20:38, 2 October 2026
Line 1:		Line 1:
	~~<includeonly><div style="width~~:~~90%; margin:30px auto; display:flex; align-items:center; justify-content:space-around; justify-content:space-evenly; flex-direction:row;"><!--~~		{{#css:
			.charboxContainer {

	~~--><div class="charboxes"><span style="height:fit-content; width:fit-content; margin:0; position:relative;">{{{image1~~}~~}}<br/><div class="charboxeslink">{{{link1}}}</div></span></div><!--~~		}

	~~--><div class="charboxes"><span style="height~~:~~fit-content~~; ~~width~~:~~fit-content~~; ~~margin:0; position:relative;">{{{image2}}}<br/><div class="charboxeslink">{{{link2}}}</div></span></div><!--~~		.charboximg {
			display:block;
	--~~><div class="charboxes"><span style="height~~:~~fit-content~~; ~~width~~:~~fit-content~~; ~~margin:0; position:relative;">{{{image3~~}}}<~~br/~~><div class="~~charboxeslink~~"~~>{{{link3}}}</div></span></div><!--~~		border: 4px solid red;
			border-radius: 8px;
	--><div class="~~charboxes~~">~~<span style="height~~:~~fit-content; width:fit-content; margin:0; position:relative;">~~{{{~~image4~~}}}~~<br/><div class~~=~~"charboxeslink">~~{{{~~link4}}}</div></span></div><!--~~		overflow: hidden;
			}
	~~--><div class="charboxes"><span style="height:fit-content; width:fit-content; margin:0; position:relative;">{{{image5~~}}}<br/><div class="charboxeslink">{{{~~link5~~}}}</div>~~</span>~~</div~~><!--~~		}}
			<includeonly><div class="charboxContainer"><div class="charboximg">
	--></div>		[[File:{{{img}}}.png\|x140px\|link={{{link}}}]]<br/><div class="charboxeslink">[[{{{link}}}]]</div>
			</div></div>
	</includeonly>		</includeonly>
	<noinclude>		<noinclude>
	{{CharacterBoxes		{{CharacterBoxes
	\|~~image1~~=~~[[File:~~Placeholder~~.png\|140px~~\|link=~~[[Luth Helwind]]]]~~		\|img=Placeholder
	~~\|link1=[[~~Luth Helwind]]		\|link=Luth Helwind

	~~\|image2=[[File:Placeholder.png\|140px\|link=[[Vaela]]]]~~
	~~\|link2=[[Vaela]]~~

	~~\|image3=[[File:Placeholder.png\|140px\|link=[[Eldufar Rasden]]]]~~
	~~\|link3=[[Eldufar Rasden]]~~

	~~\|image4=[[File:Placeholder.png\|140px\|link=[[Cordaite]]]]~~
	~~\|link4=[[Cordaite]]~~

	~~\|image5=[[File:Placeholder.png\|140px\|link=[[Malus]]]]~~
	~~\|link5=[[Malus]]~~
	}}		}}
	</noinclude>		</noinclude>

CStatic: still a wip

2025-03-11T10:19:08Z

still a wip

← Older revision		Revision as of 10:19, 11 March 2025
Line 3:		Line 3:
	--><div class="charboxes"><span style="height:fit-content; width:fit-content; margin:0; position:relative;">{{{image1}}}<br/><div class="charboxeslink">{{{link1}}}</div></span></div><!--		--><div class="charboxes"><span style="height:fit-content; width:fit-content; margin:0; position:relative;">{{{image1}}}<br/><div class="charboxeslink">{{{link1}}}</div></span></div><!--

	--><div class="charboxes"><span style="height:fit-content; width:fit-content; margin:0; position:relative;">{{{image2}}}<br/>{{{link2}}}</span></div><!--		--><div class="charboxes"><span style="height:fit-content; width:fit-content; margin:0; position:relative;">{{{image2}}}<br/><div class="charboxeslink">{{{link2}}}</div></span></div><!--

	--><div class="charboxes"><span style="height:fit-content; width:fit-content; margin:0; position:relative;">{{{image3}}}<br/>{{{link3}}}</span></div><!--		--><div class="charboxes"><span style="height:fit-content; width:fit-content; margin:0; position:relative;">{{{image3}}}<br/><div class="charboxeslink">{{{link3}}}</div></span></div><!--

	--><div class="charboxes"><span style="height:fit-content; width:fit-content; margin:0; position:relative;">{{{image4}}}<br/>{{{link4}}}</span></div><!--		--><div class="charboxes"><span style="height:fit-content; width:fit-content; margin:0; position:relative;">{{{image4}}}<br/><div class="charboxeslink">{{{link4}}}</div></span></div><!--

	--><div class="charboxes"><span style="height:fit-content; width:fit-content; margin:0; position:relative;">{{{image5}}}<br/>{{{link5}}}</span></div><!--		--><div class="charboxes"><span style="height:fit-content; width:fit-content; margin:0; position:relative;">{{{image5}}}<br/><div class="charboxeslink">{{{link5}}}</div></span></div><!--

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

CStatic: wip

2025-03-11T10:16:18Z

wip

New page

<includeonly><div style="width:90%; margin:30px auto; display:flex; align-items:center; justify-content:space-around; justify-content:space-evenly; flex-direction:row;"><div class="charboxes"><span style="height:fit-content; width:fit-content; margin:0; position:relative;">{{{image1}}}<br/><div class="charboxeslink">{{{link1}}}</div></span></div><div class="charboxes"><span style="height:fit-content; width:fit-content; margin:0; position:relative;">{{{image2}}}<br/>{{{link2}}}</span></div><div class="charboxes"><span style="height:fit-content; width:fit-content; margin:0; position:relative;">{{{image3}}}<br/>{{{link3}}}</span></div><div class="charboxes"><span style="height:fit-content; width:fit-content; margin:0; position:relative;">{{{image4}}}<br/>{{{link4}}}</span></div><div class="charboxes"><span style="height:fit-content; width:fit-content; margin:0; position:relative;">{{{image5}}}<br/>{{{link5}}}</span></div></div>
</includeonly>
<noinclude>
{{CharacterBoxes
|image1=[[File:Placeholder.png|140px|link=[[Luth Helwind]]]]
|link1=[[Luth Helwind]]

|image2=[[File:Placeholder.png|140px|link=[[Vaela]]]]
|link2=[[Vaela]]

|image3=[[File:Placeholder.png|140px|link=[[Eldufar Rasden]]]]
|link3=[[Eldufar Rasden]]

|image4=[[File:Placeholder.png|140px|link=[[Cordaite]]]]
|link4=[[Cordaite]]

|image5=[[File:Placeholder.png|140px|link=[[Malus]]]]
|link5=[[Malus]]
}}
</noinclude>