/**
 * Different styles for specific badges.
 *
 * @since 0.1
 *
 * @license GNU GPL v2+
 * @author Bene* < benestar.wikimedia@gmail.com >
 */

/* SVG support using a transparent gradient to guarantee cross-browser
 * compatibility (browsers able to understand gradient syntax support also SVG).
 * http://pauginer.tumblr.com/post/36614680636/invisible-gradient-technique */

.wb-badge.wb-badge-featuredarticle,
.wb-badge.wb-badge-featuredlist,
.wb-badge.wb-badge-featuredportal,
.wb-badge.wb-badge-featuredtext {
	background-image: url(../../images/wb-badges-gold.png);
	/* @embed */
	background-image: -webkit-linear-gradient(transparent, transparent), url(../../images/wb-badges-gold.svg);
	/* @embed */
	background-image: linear-gradient(transparent, transparent), url(../../images/wb-badges-gold.svg);
}

.wb-badge.wb-badge-recommendedarticle,
.wb-badge.wb-badge-goodarticle {
	background-image: url(../../images/wb-badges-silver.png);
	/* @embed */
	background-image: -webkit-linear-gradient(transparent, transparent), url(../../images/wb-badges-silver.svg);
	/* @embed */
	background-image: linear-gradient(transparent, transparent), url(../../images/wb-badges-silver.svg);
}

.wb-badge.wb-badge-notproofread {
	background-image: url(../../images/wb-badges-notproofread.png);
	/* @embed */
	background-image: -webkit-linear-gradient(transparent, transparent), url(../../images/wb-badges-notproofread.svg);
	/* @embed */
	background-image: linear-gradient(transparent, transparent), url(../../images/wb-badges-notproofread.svg);
}

.wb-badge.wb-badge-problematic {
	background-image: url(../../images/wb-badges-problematic.png);
	/* @embed */
	background-image: -webkit-linear-gradient(transparent, transparent), url(../../images/wb-badges-problematic.svg);
	/* @embed */
	background-image: linear-gradient(transparent, transparent), url(../../images/wb-badges-problematic.svg);
}

.wb-badge.wb-badge-proofread {
	background-image: url(../../images/wb-badges-proofread.png);
	/* @embed */
	background-image: -webkit-linear-gradient(transparent, transparent), url(../../images/wb-badges-proofread.svg);
	/* @embed */
	background-image: linear-gradient(transparent, transparent), url(../../images/wb-badges-proofread.svg);
}

.wb-badge.wb-badge-validated {
	background-image: url(../../images/wb-badges-validated.png);
	/* @embed */
	background-image: -webkit-linear-gradient(transparent, transparent), url(../../images/wb-badges-validated.svg);
	/* @embed */
	background-image: linear-gradient(transparent, transparent), url(../../images/wb-badges-validated.svg);
}

/* @todo also support other css classes like .wb-badge-stub etc. */