Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
You must create an account or log in to edit.

Template:User icons/styles.css: Difference between revisions

Template page
Content deleted Content added
No edit summary
No edit summary
 
(10 intermediate revisions by the same user not shown)
Line 6: Line 6:
}
}


.infobox__title__icon > ::after {
.infobox__title__icon > span[typeof="mw:File"] {
content: "";
line-height: 1;
display: block;
width: var(--size-icon);
height: var(--size-icon);
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
}
}


.infobox__title__icon img {
.infobox__title__icon__sysop::after {
width: var(--template-arg-icon-size);
background-color: #ff0072;
height: 100%;
mask-image: url("https://amaranth-legacy.yttrium.systems/%28Ambrosia%29_-_Amaranth.png");
object-fit: contain;
}

.infobox__title__icon__sysadmin::after {
background-color: var(--color-amaranth-legacy-scope);
mask-image: url("https://amaranth-legacy.yttrium.systems/-website-icon-Screwdriver-wrench-solid.svg");
}
}

Latest revision as of 08:55, September 8, 2025

.infobox__title__icon {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: var(--space-xs);
}

.infobox__title__icon > span[typeof="mw:File"] {
	line-height: 1;
}

.infobox__title__icon img {
	width: var(--template-arg-icon-size);
    height: 100%; 
    object-fit: contain;
}