Bug 871491 - Add distinguishing icons for security errors and warnings. r=msucan

browser/themes/linux/devtools/webconsole.css

@@ -248,6 +248,8 @@
   border: none;
 }
 
+/* Security styles */
+
 .webconsole-msg-security > .webconsole-msg-icon-container {
   -moz-border-start: solid red 6px;
 }
@@ -256,3 +258,11 @@
   background-image: linear-gradient(#FF3030, #FF7D7D);
   border-color: #D12C2C;
 }
+
+.webconsole-msg-security.webconsole-msg-error {
+  -moz-image-region: rect(32px, 16px, 40px, 8px);
+}
+
+.webconsole-msg-security.webconsole-msg-warn {
+  -moz-image-region: rect(32px, 24px, 40px, 16px);
+}

browser/themes/osx/devtools/webconsole.css

@@ -252,6 +252,8 @@
   border: none;
 }
 
+/* Security styles */
+
 .webconsole-msg-security > .webconsole-msg-icon-container {
   -moz-border-start: solid red 6px;
 }
@@ -260,3 +262,11 @@
   background-image: linear-gradient(#FF3030, #FF7D7D);
   border-color: #D12C2C;
 }
+
+.webconsole-msg-security.webconsole-msg-error {
+  -moz-image-region: rect(32px, 16px, 40px, 8px);
+}
+
+.webconsole-msg-security.webconsole-msg-warn {
+  -moz-image-region: rect(32px, 24px, 40px, 16px);
+}

browser/themes/windows/devtools/webconsole.css

@@ -257,6 +257,8 @@
   border: none;
 }
 
+/* Security styles */
+
 .webconsole-msg-security > .webconsole-msg-icon-container {
   -moz-border-start: solid red 6px;
 }
@@ -265,3 +267,11 @@
   background-image: linear-gradient(#FF3030, #FF7D7D);
   border-color: #D12C2C;
 }
+
+.webconsole-msg-security.webconsole-msg-error {
+  -moz-image-region: rect(32px, 16px, 40px, 8px);
+}
+
+.webconsole-msg-security.webconsole-msg-warn {
+  -moz-image-region: rect(32px, 24px, 40px, 16px);
+}