Template:Skill - Revision history

imported>DupingToaster at 12:38, 31 August 2025

2025-08-31T12:38:49Z

← Older revision		Revision as of 12:38, 31 August 2025
Line 1:		Line 1:
	<!-- Template:Skill -->		<!-- Template:Skill -->
	{{#if:{{{name\|}}}\|		{{#if:{{{name\|}}}\|
	~~<span class="advanced-tooltip" style="display:inline-block">~~		<div style="background-color:#191919; border:3px solid #4d4d4b; width:220px; height:80px; display:flex; align-items:center; justify-content:center; color:white; box-sizing:border-box; margin-left:10px;" >
	<div style="background-color:#191919; border:3px solid #4d4d4b; width:220px; height:80px; display:flex; align-items:center; justify-content:center; color:white; box-sizing:border-box; margin-left:10px;">		{{{name}}}
	{{{name}}}		</div>
	~~</div>~~
	~~<div class="tooltip-contents">~~
	~~{{{description\|}}}~~
	</div>
	~~</span~~>
	\|}}		\|}}

imported>DupingToaster at 12:37, 31 August 2025

2025-08-31T12:37:06Z

← Older revision		Revision as of 12:37, 31 August 2025
Line 5:		Line 5:
	{{{name}}}		{{{name}}}
	</div>		</div>
	<div class="tooltip-contents~~" style="display:none~~">		<div class="tooltip-contents">
	{{{description\|}}}		{{{description\|}}}
	</div>		</div>
	</span>		</span>
	\|}}		\|}}

imported>DupingToaster at 12:34, 31 August 2025

2025-08-31T12:34:34Z

← Older revision		Revision as of 12:34, 31 August 2025
Line 5:		Line 5:
	{{{name}}}		{{{name}}}
	</div>		</div>
	<div class="tooltip-contents">		<div class="tooltip-contents" style="display:none">
	{{{description\|}}}		{{{description\|}}}
	</div>		</div>
	</span>		</span>
	\|}}		\|}}

imported>DupingToaster at 12:30, 31 August 2025

2025-08-31T12:30:14Z

← Older revision		Revision as of 12:30, 31 August 2025
Line 1:		Line 1:
	<!-- Template:Skill -->		<!-- Template:Skill -->
	{{#if:{{{name\|}}}\|		{{#if:{{{name\|}}}\|
	<div style="background-color:#191919; border:3px solid #4d4d4b; width:220px; height:80px; display:flex; align-items:center; justify-content:center; color:white; box-sizing:border-box; margin-left:10px;" >		<span class="advanced-tooltip" style="display:inline-block">
	{{{name}}}		<div style="background-color:#191919; border:3px solid #4d4d4b; width:220px; height:80px; display:flex; align-items:center; justify-content:center; color:white; box-sizing:border-box; margin-left:10px;">
	</div>		{{{name}}}
			</div>
			<div class="tooltip-contents">
			{{{description\|}}}
			</div>
			</span>
	\|}}		\|}}

imported>DupingToaster at 21:30, 30 August 2025

2025-08-30T21:30:03Z

@@ Line 1: / Line 1: @@
 <!-- Template:Skill -->
 {{#if:{{{name|}}}|
-<div style="position:relative; display:inline-block; width:220px; height:80px; margin-left:10px;">
+<div style="background-color:#191919; border:3px solid #4d4d4b; width:220px; height:80px; display:flex; align-items:center; justify-content:center; color:white; box-sizing:border-box; margin-left:10px;" >
-  <!-- Skill box -->
+{{{name}}}
 </div>
 |}}

imported>DupingToaster at 21:29, 30 August 2025

2025-08-30T21:29:41Z

← Older revision		Revision as of 21:29, 30 August 2025
Line 2:		Line 2:
	{{#if:{{{name\|}}}\|		{{#if:{{{name\|}}}\|
	<div style="position:relative; display:inline-block; width:220px; height:80px; margin-left:10px;">		<div style="position:relative; display:inline-block; width:220px; height:80px; margin-left:10px;">
	<!-- ~~Main skill~~ box ~~(your gray box)~~ -->		<!-- Skill box -->
	<div style="background-color:#191919; border:3px solid #4d4d4b; width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:white; box-sizing:border-box;">		<div style="background-color:#191919; border:3px solid #4d4d4b; width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:white; box-sizing:border-box;">
	{{{name}}}		{{{name}}}
Line 8:		Line 8:

	<!-- Tooltip box -->		<!-- Tooltip box -->
	<div style="~~visibility~~:~~hidden~~; position:absolute; top:0; left:230px; width:200px; background-color:#222; color:white; border:2px solid #4d4d4b; border-radius:5px; padding:5px; box-sizing:border-box;">		<div style="display:none; position:absolute; top:0; left:230px; width:200px; background-color:#222; color:white; border:2px solid #4d4d4b; border-radius:5px; padding:5px; box-sizing:border-box;">
	{{{description\|Hover for description}}}		{{{description\|Hover for description}}}
	</div>		</div>

	<!-- ~~Invisible overlay to trigger~~ hover -->		<!-- Pure CSS hover -->
	<div style="position:absolute; top:0; left:0; width:100%; height:100%;"		<div style="position:absolute; top:0; left:0; width:100%; height:100%;"
	~~onmouseover~~="this.~~parentNode.querySelector('div:nth-child(2)')~~.style.~~visibility~~='~~visible~~'"		onmouseenter="this.nextElementSibling.style.display='block'"
	~~onmouseout~~="this.~~parentNode.querySelector('div:nth-child(2)')~~.style.~~visibility~~='~~hidden~~'">		onmouseleave="this.nextElementSibling.style.display='none'">
	</div>		</div>
	</div>		</div>
	\|}}		\|}}

imported>DupingToaster at 21:28, 30 August 2025

2025-08-30T21:28:38Z

@@ Line 1: / Line 1: @@
 <!-- Template:Skill -->
 {{#if:{{{name|}}}|
-<div style="background-color:#191919; border:3px solid #4d4d4b; width:220px; height:80px; display:flex; align-items:center; justify-content:center; color:white; box-sizing:border-box; margin-left:10px;" >
+<div style="position:relative; display:inline-block; width:220px; height:80px; margin-left:10px;">
-{{{name}}}
+  <!-- Main skill box (your gray box) -->
 </div>
 |}}

imported>DupingToaster at 21:23, 30 August 2025

2025-08-30T21:23:28Z

@@ Line 1: / Line 1: @@
 <!-- Template:Skill -->
 {{#if:{{{name|}}}|
-<div style="position:relative; display:inline-block; margin-left:10px;">
+<div style="background-color:#191919; border:3px solid #4d4d4b; width:220px; height:80px; display:flex; align-items:center; justify-content:center; color:white; box-sizing:border-box; margin-left:10px;" >
-  <!-- Existing skill box -->
+{{{name}}}
 </div>
-|}
+|}}

imported>DupingToaster at 21:22, 30 August 2025

2025-08-30T21:22:49Z

@@ Line 1: / Line 1: @@
 <!-- Template:Skill -->
 {{#if:{{{name|}}}|
-<div style="background-color:#191919; border:3px solid #4d4d4b; width:220px; height:80px; display:flex; align-items:center; justify-content:center; color:white; box-sizing:border-box; margin-left:10px;" >
+<div style="position:relative; display:inline-block; margin-left:10px;">
-{{{name}}}
+  <!-- Existing skill box -->
 </div>
-|}}
+|}

imported>DupingToaster at 20:48, 30 August 2025

2025-08-30T20:48:31Z

← Older revision		Revision as of 20:48, 30 August 2025
Line 1:		Line 1:
	<!-- Template:Skill -->		<!-- Template:Skill -->
	{{#if:{{{name\|}}}\|		{{#if:{{{name\|}}}\|
	<div style="background-color:#191919; border:3px solid #4d4d4b; width:220px; height:80px; display:flex; align-items:center; justify-content:center; color:white; box-sizing:border-box; margin-left:~~25px~~;" >		<div style="background-color:#191919; border:3px solid #4d4d4b; width:220px; height:80px; display:flex; align-items:center; justify-content:center; color:white; box-sizing:border-box; margin-left:10px;" >
	{{{name}}}		{{{name}}}
	</div>		</div>
	\|}}		\|}}