Widget:TreasureCardFilter: Difference between revisions
From Unforgotten Realms Wiki
Jump to navigationJump to search
imported>Plornt No edit summary |
imported>Plornt No edit summary |
||
| Line 10: | Line 10: | ||
}); | }); | ||
</script> | </script> | ||
<style> | |||
.gem-deselected { | |||
-webkit-filter: grayscale(100%); | |||
filter: grayscale(100%); | |||
filter: gray; | |||
filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale"); | |||
} | |||
</style> | |||
<div class="pure-g content-box"> | <div class="pure-g content-box"> | ||
Revision as of 14:23, 6 June 2015
<script> function loadImage () {
} window.addEventListener("load", function () {
$("[data-filter-binding]").bind("click", function (ev) {
ev.preventDefault();
$(this).find("img").css({"filter":"grayscale(100%);"});
});
}); </script> <style> .gem-deselected { -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale"); } </style>
Filters
Cost: Coin
