Issue 384 - Wrong image shows up briefly for Adblock Plus icon

chrome/skin/overlay.css

 /*
  * This file is part of Adblock Plus <http://adblockplus.org/>,
  * Copyright (C) 2006-2014 Eyeo GmbH
  *
  * Adblock Plus is free software: you can redistribute it and/or modify
  * it under the terms of the GNU General Public License version 3 as
  * published by the Free Software Foundation.
  *
  * Adblock Plus is distributed in the hope that it will be useful,
  * but WITHOUT ANY WARRANTY; without even the implied warranty of
  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  * GNU General Public License for more details.
  *
  * You should have received a copy of the GNU General Public License
  * along with Adblock Plus.  If not, see <http://www.gnu.org/licenses/>.
  */
 
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 @namespace html url("http://www.w3.org/1999/xhtml");
 
 #abp-status
 {
   cursor: pointer;
 }
 
 toolbar[iconsize="small"] #abp-toolbarbutton,
 #PersonalToolbar #abp-toolbarbutton,
 #header-view-toolbar > #abp-toolbarbutton,
 #abp-status {
-  list-style-image: url("abp-status-16.png");
+  list-style-image: url("abp-status-16.png") !important;
   -moz-image-region: rect(0px, 16px, 16px, 0px);
 }
 toolbar[iconsize="small"] #abp-toolbarbutton[abpstate="disabled"],
 #PersonalToolbar #abp-toolbarbutton[abpstate="disabled"],
 #header-view-toolbar > #abp-toolbarbutton[abpstate="disabled"],
 #abp-status[abpstate="disabled"],
 toolbar[iconsize="small"] #abp-toolbarbutton[abpstate="whitelisted"],
 #PersonalToolbar #abp-toolbarbutton[abpstate="whitelisted"],
 #header-view-toolbar > #abp-toolbarbutton[abpstate="whitelisted"],
 #abp-status[abpstate="whitelisted"] {
   -moz-image-region: rect(16px, 16px, 32px, 0px);
 }
 
 #abp-toolbarbutton[cui-areatype="menu-panel"],
 toolbarpaletteitem[place="palette"] > #abp-toolbarbutton
 {
-  list-style-image: url("abp-status-32.png");
+  list-style-image: url("abp-status-32.png") !important;
   -moz-image-region: rect(0px, 32px, 32px, 0px);
 }
 
 #abp-toolbarbutton[cui-areatype="menu-panel"][abpstate="disabled"],
 toolbarpaletteitem[place="palette"] > #abp-toolbarbutton[abpstate="disabled"],
 #abp-toolbarbutton[cui-areatype="menu-panel"][abpstate="whitelisted"],
 toolbarpaletteitem[place="palette"] > #abp-toolbarbutton[abpstate="whitelisted"]
 {
   -moz-image-region: rect(32px, 32px, 64px, 0px);
 }
 
 #abp-toolbar-popup {
   list-style-image: none;
   -moz-image-region: rect(0px, 0px, 0px, 0px);
 }
 
 toolbox[vertical="true"] toolbar #abp-toolbarbutton dropmarker {
   display: none !important;
 }
 
 menuitem[default="true"] {
   font-weight: bold;
 }
 
 #abp-toolbarbutton,
 #abp-site-info {
-  list-style-image: url("abp-status.png");
+  list-style-image: url("abp-status.png") !important;
   -moz-image-region: rect(0px, 24px, 24px, 0px);
 }
 #abp-toolbarbutton[abpstate="disabled"],
 #abp-toolbarbutton[abpstate="whitelisted"],
 #abp-site-info[abpaction="enable"],
 #abp-site-info[abpaction="enable_site"] {
   -moz-image-region: rect(24px, 24px, 48px, 0px);
 }
 
 /* Hack: force the label to be displayed below icon for type="menu" */
@@ skipping 132 matching lines @@
 #abp-notification html|a
 {
   cursor: pointer;
   color: #0000f0;
 }
 
 #abp-notification html|a:hover
 {
   text-decoration: underline;
 }