MediaWiki:Icons.css

/* Copied from Coral Island wiki */
/* To default redlink to [[File:Unknown.png]] */
span.custom-icon-image a.new { /*
	font-size: 0;
	content: url(https://coralisland.wiki/w/images/d/dd/Unknown.png);
	width: 20px;
	height: 20px;
	display: flex; */
	display: none;
}

/* Auto space icon calls to simplify usage in lists */
.icon-list > span.custom-icon + span.custom-icon:before,
*:not(.icon-list-inline, .icon-list-inline-sentence) > span.custom-icon + span.custom-icon:before {
	content: "\A";
	white-space: pre;
}
.icon-list-inline > span.custom-icon + span.custom-icon:before {
    content: "\ ";
	white-space: pre;
}
.icon-list-inline-sentence > span.custom-icon + span.custom-icon:not(:first-child, :last-child):before {
    content: ",\ ";
	white-space: pre;
}
.icon-list-inline-sentence > span.custom-icon + span.custom-icon:is(:last-child):not(:first-child):before {
	content: " and "
}

span.custom-icon {
    display: inline;
}
span.custom-icon-image {
    position: relative;
    display: inline-block;
}

/* To add quality icon on items */
.custom-icon-image.quality-bronze::before {
	content: url('https://coralisland.wiki/w/images/8/8c/Bronze_small.png');
	position: absolute;
	z-index: 999;
	top: 0;
	right: 0;
	display: flex;
}
.custom-icon-image.quality-silver::before {
	content: url('https://coralisland.wiki/w/images/8/86/Silver_small.png');
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	display: flex;
}
.custom-icon-image.quality-gold::before {
	content: url('https://coralisland.wiki/w/images/5/56/Gold_small.png');
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	display: flex;
}
.custom-icon-image.quality-osmium::before {
	content: url('https://coralisland.wiki/w/images/9/94/Osmium_small.png');
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	display: flex;
}

/* Downscale images that have been upscaled due to info-icon min-size */
.custom-icon-image.upscaled-16 img {
	width: 16px;
}
.custom-icon-image.upscaled-24 img {
	width: 24px;
}
.custom-icon-image.upscaled-32 img {
	width: 32px;
}
.custom-icon-image.upscaled-40 img {
	width: 40px;
}
.custom-icon-image.upscaled-48 img {
	width: 48px;
}

/* Remove excessive padding */
.article-media-thumbnail {
	margin-bottom: 0
}

/* Hidden text for sortable tables */
.sort-value {
	font-size: 0
}