Add svg image of bullet

* Adds svg version of bullet.
* It has a hack in css so that png will be targeted at ie 8 or lower.
* There was no way around it since list-style-image carnt be used twice. The hack adds \9 to end of png file.

Edokter suggested to use \9

Note this has been tested

Bug: T37338
Change-Id: I795c31a68c383b8fc4557ee00312a5b1aecd09a3

components/common.less

@@ -126,7 +126,9 @@ div.emptyPortlet {
 
 ul {
 	list-style-type: disc;
-	.list-style-image('images/bullet-icon.png');
+	list-style-image: url(images/bullet-icon.svg);
+	/* Fallback to PNG bullet for IE 8 and below using CSS hack */
+	list-style-image: url(images/bullet-icon.png)\9;
 }
 
 pre, .mw-code {

images/bullet-icon.svg

@@ -0,0 +1,3 @@
+<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" version="1.1" width="5" height="13">
+<path d="m4.820297 5.8103962a2.1173267 2.1173267 0 1 1-4.23465347 0 2.1173267 2.1173267 0 1 1 4.23465347 0z" transform="matrix(1.1807342,0,0,1.1807342,-0.69148932,2.0972643)" fill="#00528c"/>
+</svg>