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: 25px;
	height: 25px;
	display: flex;
}

/* 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://static.wikia.nocookie.net/coralisland/images/f/f2/Bronze.png/revision/latest/scale-to-width-down/15');
	position: absolute;
	z-index: 999;
	top: 0;
	right: 0;
	display: flex;
}
.custom-icon-image.quality-silver::before {
	content: url('https://static.wikia.nocookie.net/coralisland/images/0/0b/Silver.png/revision/latest/scale-to-width-down/15');
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	display: flex;
}
.custom-icon-image.quality-gold::before {
	content: url('https://static.wikia.nocookie.net/coralisland/images/1/10/Gold.png/revision/latest/scale-to-width-down/15');
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	display: flex;
}
.custom-icon-image.quality-osmium::before {
	content: url('https://static.wikia.nocookie.net/coralisland/images/f/f9/Osmium.png/revision/latest/scale-to-width-down/15');
	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
}