/**
 * @license GNU GPL v2+
 * @author H. Snater < mediawiki@snater.com >
 */

.wikibase-toolbarbutton-disabled a {
	cursor: default;
}

.wikibase-toolbarbutton-disabled a:link,
.wikibase-toolbarbutton-disabled a:hover,
.wikibase-toolbarbutton-disabled a:active,
.wikibase-toolbarbutton-disabled a:visited {
	color: grey;
	text-decoration: none;
}

.wikibase-toolbarbutton.oo-ui-buttonElement {
	padding: 0;
}

.wikibase-toolbarbutton.oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
	height: 1em;
	width: 1em;
}

.wikibase-toolbarbutton.ui-state-disabled.oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
	opacity: 0.33;
}

.wikibase-toolbarbutton.ui-state-disabled.oo-ui-buttonElement > .oo-ui-buttonElement-button {
	cursor: default;
}

.wikibase-toolbar-button a {
	/* common styles */
	font-size: small;
	padding: 0;
}

.wikibase-toolbar-button .wb-icon {
	background-position: center;
	background-size: 20px 20px;
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	opacity: 0.7;
}

.wikibase-toolbar-button a:hover .wb-icon {
	opacity: 0.9;
}

.wikibase-toolbar-button.ui-state-disabled .wb-icon,
.wikibase-toolbar-button.ui-state-disabled a:hover .wb-icon{
	opacity: 0.5;
}

.wikibase-toolbar-button-edit .wb-icon {
	/* 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 */
	background-image: url(images/icons/oojs-ui/edit-ltr.png);
	/* @embed */
	background-image: -webkit-linear-gradient(transparent, transparent), url(images/icons/oojs-ui/edit-ltr.svg);
	/* @embed */
	background-image: linear-gradient(transparent, transparent), url(images/icons/oojs-ui/edit-ltr.svg);
	background-position: 0 40%;
}

.wikibase-toolbar-button-save .wb-icon {
	/* 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 */
	background-image: url(images/icons/oojs-ui/check.png);
	/* @embed */
	background-image: -webkit-linear-gradient(transparent, transparent), url(images/icons/oojs-ui/check.svg);
	/* @embed */
	background-image: linear-gradient(transparent, transparent), url(images/icons/oojs-ui/check.svg);
}

.wikibase-toolbar-button-remove .wb-icon {
	/* 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 */
	background-image: url(images/icons/oojs-ui/remove.png);
	/* @embed */
	background-image: -webkit-linear-gradient(transparent, transparent), url(images/icons/oojs-ui/remove.svg);
	/* @embed */
	background-image: linear-gradient(transparent, transparent), url(images/icons/oojs-ui/remove.svg);
}

.wikibase-toolbar-button-cancel .wb-icon {
	/* 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 */
	background-image: url(images/icons/oojs-ui/close-ltr.png);
	/* @embed */
	background-image: -webkit-linear-gradient(transparent, transparent), url(images/icons/oojs-ui/close-ltr.svg);
	/* @embed */
	background-image: linear-gradient(transparent, transparent), url(images/icons/oojs-ui/close-ltr.svg);
}

.wikibase-toolbar-button-add .wb-icon {
	/* 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 */
	background-image: url(images/icons/oojs-ui/add.png);
	/* @embed */
	background-image: -webkit-linear-gradient(transparent, transparent), url(images/icons/oojs-ui/add.svg);
	/* @embed */
	background-image: linear-gradient(transparent, transparent), url(images/icons/oojs-ui/add.svg);
}