Template:UserTag: Difference between revisions

Latest revision as of 02:37, 10 June 2026

UserTag should be used to indicate any user writing in first-person.

{{UserTag|g|GeorgeLopez|eeff66|I'm from TV.
One million edo.}}

@@ Line 1: / Line 1: @@
-<includeonly>
+<includeonly><div style="
-<div style="
 display: flex;
 align-items: flex-start;
 gap: 0.5em;
-">
+">[[User:{{{2}}}|<span style="
-	[[User:{{{2}}}|<span class="userTagShadow" style="
+	/* be careful with line breaks because any one of them could end up displaying in the parser */
-		display: inline-block;
+	--s: color-mix(in srgb, #{{{3}}} 50%, #000 50%); /* use color-mix instead of rgba to avoid visible overlapping */
-		text-align: center;
+	display: inline-block;
-		text-decoration: underline;
+	text-align: center;
-		padding: 0.2em;
+	padding: 0.2em;
-		min-width: 1.5em;
+	min-width: 1.5em;
-		height: 1.5em;
+	height: 1.5em;
-		background: #{{{3}}};
+	color: #fff;
-		color: currentColor;
+	box-shadow:
-		border: 1px solid currentColor;
+		inset  1px  1px 0 rgba(255,255,255,0.5),
-	">
+		inset -1px -1px 0 rgba(0,0,0,0.5);
-	{{{1}}}
+	text-shadow:
-	</span>]]
+		-1px -1px 2px var(--s),
-	<div style="
+px -1px 2px var(--s),
-		color: color-mix(in srgb, #{{{3}}} 30%, currentColor 70%);
+		-1px  1px 2px var(--s),
-	">
+px  1px 2px var(--s);
-	{{{4}}}
+	background: #{{{3}}};
-	</div>
+">{{{1}}}</span>]]<div style="
-</div>
+	color: color-mix(in srgb, #{{{3}}} 33%, currentColor 67%);
-</includeonly>
+">{{{4}}}</div></div></includeonly><noinclude>
-<noinclude>
 UserTag should be used to indicate any user writing in first-person.