X-Git-Url: https://git.heureux-cyclage.org/?a=blobdiff_plain;f=skins%2Fvector%2Fscreen.css;h=222531c29467bebfa94651e7d212124d36966c62;hb=eb52fff1c413d42a0fa776108d7a950b836460b8;hp=fd839bd49de7ecb78e3d723ee4071d5b5379e372;hpb=03c79c4fdcad3cae6cdd420b2aad5f9d52bcb2b0;p=lhc%2Fweb%2Fwiklou.git

diff --git a/skins/vector/screen.css b/skins/vector/screen.css
index fd839bd49d..222531c294 100644
--- a/skins/vector/screen.css
+++ b/skins/vector/screen.css
@@ -219,6 +219,12 @@ div.vectorMenu {
 	float: left;
 	/* @embed */
 	background-image: url(images/arrow-down-icon.png);
+	/* SVG support using a transparent gradient to guarantee cross-browser
+	 * compatibility (browsers able to understand gradient syntax support also SVG) */
+	/* @embed */
+	background-image: -webkit-linear-gradient(transparent, transparent), url(images/arrow-down-icon.svg);
+	/* @embed */
+	background-image: linear-gradient(transparent, transparent), url(images/arrow-down-icon.svg);
 	background-position: 100% 60%;
 	background-repeat: no-repeat;
 	cursor: pointer;
@@ -226,6 +232,12 @@ div.vectorMenu {
 div.vectorMenuFocus {
 	/* @embed */
 	background-image: url(images/arrow-down-focus-icon.png);
+	/* SVG support using a transparent gradient to guarantee cross-browser
+	 * compatibility (browsers able to understand gradient syntax support also SVG) */
+	/* @embed */
+	background-image: -webkit-linear-gradient(transparent, transparent), url(images/arrow-down-focus-icon.svg);
+	/* @embed */
+	background-image: linear-gradient(transparent, transparent), url(images/arrow-down-focus-icon.svg);
 	background-position: 100% 60%;
 }
 /* @noflip */