Make booleanfield icons cross browser compatible

jet/static/jet/css/_content.scss

@@ -111,21 +111,18 @@ ul.object-tools {
 @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
 
 img[src$="admin/img/icon-yes.gif"], img[src$="admin/img/icon-no.gif"], img[src$="admin/img/icon-unknown.gif"] {
-  @include font-icon;
-  content: "";
-  font-weight: bold;
+  display: none;
+
+  + span {
+    font-weight: bold;
+    color: $success-text-color;
+  }
 }
 
-img[src$="admin/img/icon-yes.gif"]:before {
-  content: $icon-tick;
+img[src$="admin/img/icon-yes.gif"] + span {
   color: $success-text-color;
 }
 
-img[src$="admin/img/icon-no.gif"]:before {
-  content: $icon-cross;
+img[src$="admin/img/icon-no.gif"] + span {
   color: $warning-text-color;
-}
-
-img[src$="admin/img/icon-unknown.gif"]:before {
-  content: $icon-question;
 }

jet/static/jet/css/themes/default/base.css

@@ -4683,31 +4683,17 @@ ul.object-tools {
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg); } }
 img[src$="admin/img/icon-yes.gif"], img[src$="admin/img/icon-no.gif"], img[src$="admin/img/icon-unknown.gif"] {
-  font-family: 'jet-icons';
-  speak: none;
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 1;
-  /* Better Font Rendering =========== */
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  display: inline-block;
-  content: "";
-  font-weight: bold; }
+  display: none; }
+  img[src$="admin/img/icon-yes.gif"] + span, img[src$="admin/img/icon-no.gif"] + span, img[src$="admin/img/icon-unknown.gif"] + span {
+    font-weight: bold;
+    color: #82b982; }
 
-img[src$="admin/img/icon-yes.gif"]:before {
-  content: "";
+img[src$="admin/img/icon-yes.gif"] + span {
   color: #82b982; }
 
-img[src$="admin/img/icon-no.gif"]:before {
-  content: "";
+img[src$="admin/img/icon-no.gif"] + span {
   color: #d49d9d; }
 
-img[src$="admin/img/icon-unknown.gif"]:before {
-  content: ""; }
-
 /*
  * General
  */

jet/static/jet/css/themes/green/base.css

@@ -4714,31 +4714,17 @@ ul.object-tools {
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg); } }
 img[src$="admin/img/icon-yes.gif"], img[src$="admin/img/icon-no.gif"], img[src$="admin/img/icon-unknown.gif"] {
-  font-family: 'jet-icons';
-  speak: none;
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 1;
-  /* Better Font Rendering =========== */
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  display: inline-block;
-  content: "";
-  font-weight: bold; }
+  display: none; }
+  img[src$="admin/img/icon-yes.gif"] + span, img[src$="admin/img/icon-no.gif"] + span, img[src$="admin/img/icon-unknown.gif"] + span {
+    font-weight: bold;
+    color: #bcd386; }
 
-img[src$="admin/img/icon-yes.gif"]:before {
-  content: "";
+img[src$="admin/img/icon-yes.gif"] + span {
   color: #bcd386; }
 
-img[src$="admin/img/icon-no.gif"]:before {
-  content: "";
+img[src$="admin/img/icon-no.gif"] + span {
   color: #dba4a4; }
 
-img[src$="admin/img/icon-unknown.gif"]:before {
-  content: ""; }
-
 /*
  * General
  */

jet/static/jet/js/main.js

@@ -645,8 +645,15 @@
                 updateChangelistFooters();
             };
 
+            var initChangelistImages = function() {
+                $('img[src$="admin/img/icon-yes.gif"]').after($('<span class="icon-tick">'));
+                $('img[src$="admin/img/icon-no.gif"]').after($('<span class="icon-cross">'));
+                $('img[src$="admin/img/icon-unknown.gif"]').after($('<span class="icon-question">'));
+            };
+
             initChangelistHeaders();
             initChangelistFooters();
+            initChangelistImages();
         };
 
         var initTooltips = function() {