From: Marcel Werk <burntime@woltlab.com>
Date: Mon, 1 Apr 2013 15:11:19 +0000 (+0200)
Subject: Added grayscale filter
X-Git-Tag: 2.0.0_Beta_1~403
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=4a76de68a5b3868df6410d61c1c449e8852cc86f;p=GitHub%2FWoltLab%2FWCF.git

Added grayscale filter
---

diff --git a/wcfsetup/install/files/images/grayscale-filter.svg b/wcfsetup/install/files/images/grayscale-filter.svg
new file mode 100644
index 0000000000..bf06a8f4af
--- /dev/null
+++ b/wcfsetup/install/files/images/grayscale-filter.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+	<filter id="grayscale">
+		<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>
diff --git a/wcfsetup/install/files/style/global.less b/wcfsetup/install/files/style/global.less
index 54b1ce01bd..07c02cae8a 100644
--- a/wcfsetup/install/files/style/global.less
+++ b/wcfsetup/install/files/style/global.less
@@ -147,6 +147,12 @@ body > iframe[src="about:blank"] {
 	background-color: @wcfHighlightBackgroundColor;
 }
 
+.grayscale {
+	filter: url(../images/grayscale-filter.svg#grayscale);
+	filter: gray;
+	-webkit-filter: grayscale(1);
+}
+
 /* balloon tooltips */
 .balloonTooltip {
 	background-color: @wcfTooltipBackgroundColor;