Bug 609372 - Better icons and color palette for the Web Console; f=pwalton r=dao approval2.0=gavin.sharp
☠☠ backed out by 6f5b3b1c6c78 ☠ ☠
authorStephen Horlander <shorlander@mozilla.com>
Mon, 31 Jan 2011 16:55:55 -0400
changeset 61719 d545aa98feb18c4a39a65645a591091f9ac9ab11
parent 61718 c7290e6e795b8eb7bc257a71416f1dc985ee1627
child 61720 4beb0e6ba654390ee712b5a6153fb4d0b2cdbb4b
child 61721 6f5b3b1c6c7886205a2b311749303fed5396fdcc
push id1
push userroot
push dateTue, 10 Dec 2013 15:46:25 +0000
reviewersdao
bugs609372
milestone2.0b11pre
Bug 609372 - Better icons and color palette for the Web Console; f=pwalton r=dao approval2.0=gavin.sharp
toolkit/themes/gnomestripe/global/icons/webconsole.png
toolkit/themes/gnomestripe/global/webConsole.css
toolkit/themes/pinstripe/global/icons/webconsole.png
toolkit/themes/pinstripe/global/webConsole.css
toolkit/themes/winstripe/global/icons/webconsole.png
toolkit/themes/winstripe/global/webConsole.css
index 48fdc9ba4f10f93f4a071f3917e16d8dc02f09d2..781dc4f3d091116ca3a802557e01c0c9872343a1
GIT binary patch
literal 1305
zc$@(l1?KvRP)<h;3K|Lk000e1NJLTq001xm001Be1^@s6RMh(%0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBU$yGcYrRCwCNSY2owRTMsVXELE^DDHMP
zsR?TciqN76LQoL4%o0fv42q#pUj#ug6cqcWz7+P+h!4^tDC%<rNkFqy5?GNw_z<MU
zVqanu3JYuErlw7HcV=$SnLRhTJ3IRmaCT4llAUvAHs{>)^W8hbG|jci$w_BuXb5zv
z*XyvgwYBcLZVoTsLi~UzvpI=)4e^zf5(X*e#KeS?$z&jrNHiII-v@Nw!64qj%P$bW
zAzns!i0g>w5hoCz4>SPJ^I&gpFVaXhl<yIj5YMsW9y@;r@f{3U%!7jis8lMEMzV3)
zP#LXp5Wvo#LzD&{K($(h-QC?tBiU3k5H-!T&$@w&7#<#$;riG60E0+rHGhW#c}DdF
zHgS2N5uo!lMk2wsclr7c#2CUx++^K*G=&BUz%jZ?jz)oO9Oor=UWv^*7<2%p{P0^V
z{lpX)As+CM2g-kKTJXXvbh#I*d5`-5#A;LjEOUv?D}_9NGTtUmW~Q7|Po4o0>H~@O
z?@4g5z`ODQIf;SH;OAHQ@hs|!q2S_a0ci}uffTTh-s&J7*_a1zX*_Vf4G-kkrXK+U
z%9Xy2(Hhp#eJ^@DP-|=xy7B<7G_Cx!lQPw#S<c8$u?JB10UorO=w$1W2Z9wZlwJMt
zd|v`^agjYgIs?2<OGfa3DktiRtjf&7@B8}W)7%p)@$QA{HSk?r%!CnQF%J^;V9_sV
z&Y$CzSLJk(cdB3rfEzD98a#S>{hs=kk75r%l(q^ue`cj=HB+=(1G2&7*=yt<H>}$G
z<Tx<eiM}1w7-lQ?Ys;qaMC>JWOT1|%<v1k#W*+cm9d^WB>#0AXBM+cF+ldDngdJl5
zk0nnzsr2I@tdZvWul)zotvUezbmakaL4tc#H1PoHil~c!j3$H+qWUjxJuBL33H*^j
zwqu+J^2Xd+BR$KxE8H*f2Y`D9koEh~R<vRDcjW<G>3|2sxO2z@oRRp)DER24`ykp%
zwqx*s{JYS99%uyMw+X;I77zG8FARVO@Z2jALbQ@t<4D{a4}dVhc>PB3(f#Ih|9GIX
z50v*=BXlV9FezlSN1!Jjz*V5;?LQCvIP!^Q+cp@6(eg&3TrOJ~J9B&<ur(f7TB6_M
zh(*Lpto;RX8F9CbUuWq4`T6<tjjvc*<@;~9Y^PJHlruUy3KWD6(vb}s=Yg-e=54Jf
zzEr0&{73Xh@xU9@7px<Bnvb9t=H}+c37ox~?5Hj$IZ(3AYWi8$E%H4_0jR?}t+)=-
zvGjZ%$Y!%Z2%QJ=9Q4sS_UP?io<AFW_TEH%z}I0h*tW^{8i!5nx^AZzTU~hoQylO>
zI-Ne`0n{lTm{H1=m6m><;niJ?$VNM%z^`)lFPmz`I|R@(50px!jy!<n(`c0C<^S(U
z87`eLB6vVAC!1?N$jrvZMt~3xtSg0OSphVm01G?_s7ZS{MDOyw^h_Z^<)dm|hgMo)
z9>{4yT;y4gJR-nxoB*1T?PJ7_def)9?b~6S%J8R%Da5rlZ~Z*BP4T_KJ?8fIc7q2Z
z#wgjw#>RT$0cy@-u^7bzw|TWb!yeGb==%|4l!98|?_JdNg?3}~p#TE_0>~-GDhRDj
P00000NkvXXu0mjf=~Hh`
--- a/toolkit/themes/gnomestripe/global/webConsole.css
+++ b/toolkit/themes/gnomestripe/global/webConsole.css
@@ -65,23 +65,20 @@
 .webconsole-timestamp {
   color: GrayText;
   margin-top: 0;
   margin-bottom: 0;
 }
 
 .webconsole-msg-icon {
   list-style-image: url(chrome://global/skin/icons/webconsole.png);
-  margin: 2px 3px;
-  width: 10px;
-  height: 10px;
-}
-
-.webconsole-msg-log > .webconsole-msg-icon-container > .webconsole-msg-icon {
-  visibility: hidden;
+  -moz-image-region: rect(0, 1px, 0, 0);
+  margin: 5px 4px;
+  width: 8px;
+  height: 8px;
 }
 
 .hud-clickable {
   cursor: pointer;
   text-decoration: underline;
 }
 
 .webconsole-msg-body {
@@ -138,89 +135,97 @@
 .webconsole-filter-button > .toolbarbutton-menubutton-button,
 .webconsole-filter-button:not([type="menu-button"]) {
   -moz-box-orient: horizontal;
   list-style-image: url("chrome://global/skin/icons/webconsole.png");
 }
 
 /* Network styles */
 .webconsole-filter-button[category="net"] {
-  -moz-image-region: rect(0, 40px, 10px, 30px);
+  -moz-image-region: rect(0, 8px, 8px, 0);
 }
 
 .webconsole-msg-network > .webconsole-msg-icon-container {
   -moz-border-start: solid #000 6px;
 }
 
 .webconsole-msg-network.webconsole-msg-error > .webconsole-msg-icon-container > .webconsole-msg-icon {
-  -moz-image-region: rect(0, 10px, 10px, 0);
+  -moz-image-region: rect(0, 16px, 8px, 8px);
 }
 
 /* CSS styles */
 .webconsole-filter-button[category="css"] {
-  -moz-image-region: rect(10px, 40px, 20px, 30px);
+  -moz-image-region: rect(8px, 8px, 16px, 0);
 }
 
 .webconsole-msg-cssparser > .webconsole-msg-icon-container {
   -moz-border-start: solid #00b6f0 6px;
 }
 
 .webconsole-msg-cssparser.webconsole-msg-error > .webconsole-msg-icon-container > .webconsole-msg-icon {
-  -moz-image-region: rect(10px, 10px, 20px, 0);
+  -moz-image-region: rect(8px, 16px, 16px, 8px);
 }
 
 .webconsole-msg-cssparser.webconsole-msg-warn > .webconsole-msg-icon-container > .webconsole-msg-icon {
-  -moz-image-region: rect(10px, 20px, 20px, 10px);
+  -moz-image-region: rect(8px, 24px, 16px, 16px);
 }
 
 /* JS styles */
 .webconsole-filter-button[category="js"] {
-  -moz-image-region: rect(20px, 40px, 30px, 30px);
+  -moz-image-region: rect(16px, 8px, 24px, 0);
 }
 
 .webconsole-msg-exception > .webconsole-msg-icon-container {
   -moz-border-start: solid #fb9500 6px;
 }
 
 .webconsole-msg-exception.webconsole-msg-error > .webconsole-msg-icon-container > .webconsole-msg-icon {
-  -moz-image-region: rect(20px, 10px, 30px, 0);
+  -moz-image-region: rect(16px, 16px, 24px, 8px);
 }
 
 .webconsole-msg-exception.webconsole-msg-warn > .webconsole-msg-icon-container > .webconsole-msg-icon {
-  -moz-image-region: rect(20px, 20px, 30px, 10px);
+  -moz-image-region: rect(16px, 24px, 24px, 16px);
 }
 
 /* Web Developer styles */
 .webconsole-filter-button[category="webdev"] {
-  -moz-image-region: rect(30px, 40px, 40px, 30px);
+  -moz-image-region: rect(24px, 8px, 32px, 0);
 }
 
 .webconsole-msg-console > .webconsole-msg-icon-container {
   -moz-border-start: solid #cbcbcb 6px;
 }
 
 .webconsole-msg-console.webconsole-msg-error > .webconsole-msg-icon-container > .webconsole-msg-icon,
 .webconsole-msg-output.webconsole-msg-error > .webconsole-msg-icon-container > .webconsole-msg-icon {
-  -moz-image-region: rect(30px, 10px, 40px, 0);
+  -moz-image-region: rect(24px, 16px, 32px, 8px);
 }
 
 .webconsole-msg-console.webconsole-msg-warn > .webconsole-msg-icon-container > .webconsole-msg-icon {
-  -moz-image-region: rect(30px, 20px, 40px, 10px);
+  -moz-image-region: rect(24px, 24px, 32px, 16px);
 }
 
 .webconsole-msg-console.webconsole-msg-info > .webconsole-msg-icon-container > .webconsole-msg-icon {
-  -moz-image-region: rect(30px, 30px, 40px, 20px);
+  -moz-image-region: rect(24px, 32px, 32px, 24px);
 }
 
 /* Input and output styles */
 .webconsole-msg-input > .webconsole-msg-icon-container,
 .webconsole-msg-output > .webconsole-msg-icon-container {
   border-left: solid #808080 6px;
 }
 
+.webconsole-msg-input > .webconsole-msg-icon-container > .webconsole-msg-icon {
+  -moz-image-region: rect(24px, 40px, 32px, 32px);
+}
+
+.webconsole-msg-output > .webconsole-msg-icon-container > .webconsole-msg-icon {
+  -moz-image-region: rect(24px, 48px, 32px, 40px);
+}
+
 .webconsole-close-button {
   list-style-image: url("moz-icon://stock/gtk-close?size=menu");
 }
 
 /* JSTerm Styles */
 
 .jsterm-wrapper-node {
   font-family: monospace;
index 48fdc9ba4f10f93f4a071f3917e16d8dc02f09d2..781dc4f3d091116ca3a802557e01c0c9872343a1
GIT binary patch
literal 1305
zc$@(l1?KvRP)<h;3K|Lk000e1NJLTq001xm001Be1^@s6RMh(%0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBU$yGcYrRCwCNSY2owRTMsVXELE^DDHMP
zsR?TciqN76LQoL4%o0fv42q#pUj#ug6cqcWz7+P+h!4^tDC%<rNkFqy5?GNw_z<MU
zVqanu3JYuErlw7HcV=$SnLRhTJ3IRmaCT4llAUvAHs{>)^W8hbG|jci$w_BuXb5zv
z*XyvgwYBcLZVoTsLi~UzvpI=)4e^zf5(X*e#KeS?$z&jrNHiII-v@Nw!64qj%P$bW
zAzns!i0g>w5hoCz4>SPJ^I&gpFVaXhl<yIj5YMsW9y@;r@f{3U%!7jis8lMEMzV3)
zP#LXp5Wvo#LzD&{K($(h-QC?tBiU3k5H-!T&$@w&7#<#$;riG60E0+rHGhW#c}DdF
zHgS2N5uo!lMk2wsclr7c#2CUx++^K*G=&BUz%jZ?jz)oO9Oor=UWv^*7<2%p{P0^V
z{lpX)As+CM2g-kKTJXXvbh#I*d5`-5#A;LjEOUv?D}_9NGTtUmW~Q7|Po4o0>H~@O
z?@4g5z`ODQIf;SH;OAHQ@hs|!q2S_a0ci}uffTTh-s&J7*_a1zX*_Vf4G-kkrXK+U
z%9Xy2(Hhp#eJ^@DP-|=xy7B<7G_Cx!lQPw#S<c8$u?JB10UorO=w$1W2Z9wZlwJMt
zd|v`^agjYgIs?2<OGfa3DktiRtjf&7@B8}W)7%p)@$QA{HSk?r%!CnQF%J^;V9_sV
z&Y$CzSLJk(cdB3rfEzD98a#S>{hs=kk75r%l(q^ue`cj=HB+=(1G2&7*=yt<H>}$G
z<Tx<eiM}1w7-lQ?Ys;qaMC>JWOT1|%<v1k#W*+cm9d^WB>#0AXBM+cF+ldDngdJl5
zk0nnzsr2I@tdZvWul)zotvUezbmakaL4tc#H1PoHil~c!j3$H+qWUjxJuBL33H*^j
zwqu+J^2Xd+BR$KxE8H*f2Y`D9koEh~R<vRDcjW<G>3|2sxO2z@oRRp)DER24`ykp%
zwqx*s{JYS99%uyMw+X;I77zG8FARVO@Z2jALbQ@t<4D{a4}dVhc>PB3(f#Ih|9GIX
z50v*=BXlV9FezlSN1!Jjz*V5;?LQCvIP!^Q+cp@6(eg&3TrOJ~J9B&<ur(f7TB6_M
zh(*Lpto;RX8F9CbUuWq4`T6<tjjvc*<@;~9Y^PJHlruUy3KWD6(vb}s=Yg-e=54Jf
zzEr0&{73Xh@xU9@7px<Bnvb9t=H}+c37ox~?5Hj$IZ(3AYWi8$E%H4_0jR?}t+)=-
zvGjZ%$Y!%Z2%QJ=9Q4sS_UP?io<AFW_TEH%z}I0h*tW^{8i!5nx^AZzTU~hoQylO>
zI-Ne`0n{lTm{H1=m6m><;niJ?$VNM%z^`)lFPmz`I|R@(50px!jy!<n(`c0C<^S(U
z87`eLB6vVAC!1?N$jrvZMt~3xtSg0OSphVm01G?_s7ZS{MDOyw^h_Z^<)dm|hgMo)
z9>{4yT;y4gJR-nxoB*1T?PJ7_def)9?b~6S%J8R%Da5rlZ~Z*BP4T_KJ?8fIc7q2Z
z#wgjw#>RT$0cy@-u^7bzw|TWb!yeGb==%|4l!98|?_JdNg?3}~p#TE_0>~-GDhRDj
P00000NkvXXu0mjf=~Hh`
--- a/toolkit/themes/pinstripe/global/webConsole.css
+++ b/toolkit/themes/pinstripe/global/webConsole.css
@@ -68,23 +68,20 @@
 .webconsole-timestamp {
   color: GrayText;
   margin-top: 0;
   margin-bottom: 0;
 }
 
 .webconsole-msg-icon {
   list-style-image: url(chrome://global/skin/icons/webconsole.png);
-  margin: 2px 3px;
-  width: 10px;
-  height: 10px;
-}
-
-.webconsole-msg-log > .webconsole-msg-icon-container > .webconsole-msg-icon {
-  visibility: hidden;
+  -moz-image-region: rect(0, 1px, 0, 0);
+  margin: 5px 4px;
+  width: 8px;
+  height: 8px;
 }
 
 .hud-clickable {
   cursor: pointer;
   text-decoration: underline;
 }
 
 .webconsole-msg-body {
@@ -196,89 +193,97 @@
 }
 
 .webconsole-new-group {
   margin-top: 6px;
 }
 
 /* Network styles */
 .webconsole-filter-button[category="net"] {
-  -moz-image-region: rect(0, 40px, 10px, 30px);
+  -moz-image-region: rect(0, 8px, 8px, 0);
 }
 
 .webconsole-msg-network > .webconsole-msg-icon-container {
   -moz-border-start: solid #000 6px;
 }
 
 .webconsole-msg-network.webconsole-msg-error > .webconsole-msg-icon-container > .webconsole-msg-icon {
-  -moz-image-region: rect(0, 10px, 10px, 0);
+  -moz-image-region: rect(0, 16px, 8px, 8px);
 }
 
 /* CSS styles */
 .webconsole-filter-button[category="css"] {
-  -moz-image-region: rect(10px, 40px, 20px, 30px);
+  -moz-image-region: rect(8px, 8px, 16px, 0);
 }
 
 .webconsole-msg-cssparser > .webconsole-msg-icon-container {
   -moz-border-start: solid #00b6f0 6px;
 }
 
 .webconsole-msg-cssparser.webconsole-msg-error > .webconsole-msg-icon-container > .webconsole-msg-icon {
-  -moz-image-region: rect(10px, 10px, 20px, 0);
+  -moz-image-region: rect(8px, 16px, 16px, 8px);
 }
 
 .webconsole-msg-cssparser.webconsole-msg-warn > .webconsole-msg-icon-container > .webconsole-msg-icon {
-  -moz-image-region: rect(10px, 20px, 20px, 10px);
+  -moz-image-region: rect(8px, 24px, 16px, 16px);
 }
 
 /* JS styles */
 .webconsole-filter-button[category="js"] {
-  -moz-image-region: rect(20px, 40px, 30px, 30px);
+  -moz-image-region: rect(16px, 8px, 24px, 0);
 }
 
 .webconsole-msg-exception > .webconsole-msg-icon-container {
   -moz-border-start: solid #fb9500 6px;
 }
 
 .webconsole-msg-exception.webconsole-msg-error > .webconsole-msg-icon-container > .webconsole-msg-icon {
-  -moz-image-region: rect(20px, 10px, 30px, 0);
+  -moz-image-region: rect(16px, 16px, 24px, 8px);
 }
 
 .webconsole-msg-exception.webconsole-msg-warn > .webconsole-msg-icon-container > .webconsole-msg-icon {
-  -moz-image-region: rect(20px, 20px, 30px, 10px);
+  -moz-image-region: rect(16px, 24px, 24px, 16px);
 }
 
 /* Web Developer styles */
 .webconsole-filter-button[category="webdev"] {
-  -moz-image-region: rect(30px, 40px, 40px, 30px);
+  -moz-image-region: rect(24px, 8px, 32px, 0);
 }
 
 .webconsole-msg-console > .webconsole-msg-icon-container {
   -moz-border-start: solid #cbcbcb 6px;
 }
 
 .webconsole-msg-console.webconsole-msg-error > .webconsole-msg-icon-container > .webconsole-msg-icon,
 .webconsole-msg-output.webconsole-msg-error > .webconsole-msg-icon-container > .webconsole-msg-icon {
-  -moz-image-region: rect(30px, 10px, 40px, 0);
+  -moz-image-region: rect(24px, 16px, 32px, 8px);
 }
 
 .webconsole-msg-console.webconsole-msg-warn > .webconsole-msg-icon-container > .webconsole-msg-icon {
-  -moz-image-region: rect(30px, 20px, 40px, 10px);
+  -moz-image-region: rect(24px, 24px, 32px, 16px);
 }
 
 .webconsole-msg-console.webconsole-msg-info > .webconsole-msg-icon-container > .webconsole-msg-icon {
-  -moz-image-region: rect(30px, 30px, 40px, 20px);
+  -moz-image-region: rect(24px, 32px, 32px, 24px);
 }
 
 /* Input and output styles */
 .webconsole-msg-input > .webconsole-msg-icon-container,
 .webconsole-msg-output > .webconsole-msg-icon-container {
   border-left: solid #808080 6px;
 }
 
+.webconsole-msg-input.webconsole-msg-log > .webconsole-msg-icon-container > .webconsole-msg-icon {
+  -moz-image-region: rect(24px, 40px, 32px, 32px);
+}
+
+.webconsole-msg-output.webconsole-msg-log > .webconsole-msg-icon-container > .webconsole-msg-icon {
+  -moz-image-region: rect(24px, 48px, 32px, 40px);
+}
+
 .webconsole-close-button {
   list-style-image: url("chrome://global/skin/icons/closetab.png");
   margin-top: 0;
   margin-bottom: 0;
   -moz-margin-start: 3px;
   -moz-margin-end: -14px;
   min-width: 0;
   -moz-appearance: none;
index 48fdc9ba4f10f93f4a071f3917e16d8dc02f09d2..781dc4f3d091116ca3a802557e01c0c9872343a1
GIT binary patch
literal 1305
zc$@(l1?KvRP)<h;3K|Lk000e1NJLTq001xm001Be1^@s6RMh(%0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBU$yGcYrRCwCNSY2owRTMsVXELE^DDHMP
zsR?TciqN76LQoL4%o0fv42q#pUj#ug6cqcWz7+P+h!4^tDC%<rNkFqy5?GNw_z<MU
zVqanu3JYuErlw7HcV=$SnLRhTJ3IRmaCT4llAUvAHs{>)^W8hbG|jci$w_BuXb5zv
z*XyvgwYBcLZVoTsLi~UzvpI=)4e^zf5(X*e#KeS?$z&jrNHiII-v@Nw!64qj%P$bW
zAzns!i0g>w5hoCz4>SPJ^I&gpFVaXhl<yIj5YMsW9y@;r@f{3U%!7jis8lMEMzV3)
zP#LXp5Wvo#LzD&{K($(h-QC?tBiU3k5H-!T&$@w&7#<#$;riG60E0+rHGhW#c}DdF
zHgS2N5uo!lMk2wsclr7c#2CUx++^K*G=&BUz%jZ?jz)oO9Oor=UWv^*7<2%p{P0^V
z{lpX)As+CM2g-kKTJXXvbh#I*d5`-5#A;LjEOUv?D}_9NGTtUmW~Q7|Po4o0>H~@O
z?@4g5z`ODQIf;SH;OAHQ@hs|!q2S_a0ci}uffTTh-s&J7*_a1zX*_Vf4G-kkrXK+U
z%9Xy2(Hhp#eJ^@DP-|=xy7B<7G_Cx!lQPw#S<c8$u?JB10UorO=w$1W2Z9wZlwJMt
zd|v`^agjYgIs?2<OGfa3DktiRtjf&7@B8}W)7%p)@$QA{HSk?r%!CnQF%J^;V9_sV
z&Y$CzSLJk(cdB3rfEzD98a#S>{hs=kk75r%l(q^ue`cj=HB+=(1G2&7*=yt<H>}$G
z<Tx<eiM}1w7-lQ?Ys;qaMC>JWOT1|%<v1k#W*+cm9d^WB>#0AXBM+cF+ldDngdJl5
zk0nnzsr2I@tdZvWul)zotvUezbmakaL4tc#H1PoHil~c!j3$H+qWUjxJuBL33H*^j
zwqu+J^2Xd+BR$KxE8H*f2Y`D9koEh~R<vRDcjW<G>3|2sxO2z@oRRp)DER24`ykp%
zwqx*s{JYS99%uyMw+X;I77zG8FARVO@Z2jALbQ@t<4D{a4}dVhc>PB3(f#Ih|9GIX
z50v*=BXlV9FezlSN1!Jjz*V5;?LQCvIP!^Q+cp@6(eg&3TrOJ~J9B&<ur(f7TB6_M
zh(*Lpto;RX8F9CbUuWq4`T6<tjjvc*<@;~9Y^PJHlruUy3KWD6(vb}s=Yg-e=54Jf
zzEr0&{73Xh@xU9@7px<Bnvb9t=H}+c37ox~?5Hj$IZ(3AYWi8$E%H4_0jR?}t+)=-
zvGjZ%$Y!%Z2%QJ=9Q4sS_UP?io<AFW_TEH%z}I0h*tW^{8i!5nx^AZzTU~hoQylO>
zI-Ne`0n{lTm{H1=m6m><;niJ?$VNM%z^`)lFPmz`I|R@(50px!jy!<n(`c0C<^S(U
z87`eLB6vVAC!1?N$jrvZMt~3xtSg0OSphVm01G?_s7ZS{MDOyw^h_Z^<)dm|hgMo)
z9>{4yT;y4gJR-nxoB*1T?PJ7_def)9?b~6S%J8R%Da5rlZ~Z*BP4T_KJ?8fIc7q2Z
z#wgjw#>RT$0cy@-u^7bzw|TWb!yeGb==%|4l!98|?_JdNg?3}~p#TE_0>~-GDhRDj
P00000NkvXXu0mjf=~Hh`
--- a/toolkit/themes/winstripe/global/webConsole.css
+++ b/toolkit/themes/winstripe/global/webConsole.css
@@ -64,23 +64,20 @@
 .webconsole-timestamp {
   color: GrayText;
   margin-top: 0;
   margin-bottom: 0;
 }
 
 .webconsole-msg-icon {
   list-style-image: url(chrome://global/skin/icons/webconsole.png);
-  margin: 2px 3px;
-  width: 10px;
-  height: 10px;
-}
-
-.webconsole-msg-log > .webconsole-msg-icon-container > .webconsole-msg-icon {
-  visibility: hidden;
+  -moz-image-region: rect(0, 1px, 0, 0);
+  margin: 5px 4px;
+  width: 8px;
+  height: 8px;
 }
 
 .hud-clickable {
   cursor: pointer;
   text-decoration: underline;
 }
 
 .webconsole-msg-body {
@@ -136,89 +133,97 @@
 
 .webconsole-filter-button > .toolbarbutton-menubutton-button {
   -moz-box-orient: horizontal;
   list-style-image: url("chrome://global/skin/icons/webconsole.png");
 }
 
 /* Network styles */
 .webconsole-filter-button[category="net"] {
-  -moz-image-region: rect(0, 40px, 10px, 30px);
+  -moz-image-region: rect(0, 8px, 8px, 0);
 }
 
 .webconsole-msg-network > .webconsole-msg-icon-container {
   -moz-border-start: solid #000 6px;
 }
 
 .webconsole-msg-network.webconsole-msg-error > .webconsole-msg-icon-container > .webconsole-msg-icon {
-  -moz-image-region: rect(0, 10px, 10px, 0);
+  -moz-image-region: rect(0, 16px, 8px, 8px);
 }
 
 /* CSS styles */
 .webconsole-filter-button[category="css"] {
-  -moz-image-region: rect(10px, 40px, 20px, 30px);
+  -moz-image-region: rect(8px, 8px, 16px, 0);
 }
 
 .webconsole-msg-cssparser > .webconsole-msg-icon-container {
   -moz-border-start: solid #00b6f0 6px;
 }
 
 .webconsole-msg-cssparser.webconsole-msg-error > .webconsole-msg-icon-container > .webconsole-msg-icon {
-  -moz-image-region: rect(10px, 10px, 20px, 0);
+  -moz-image-region: rect(8px, 16px, 16px, 8px);
 }
 
 .webconsole-msg-cssparser.webconsole-msg-warn > .webconsole-msg-icon-container > .webconsole-msg-icon {
-  -moz-image-region: rect(10px, 20px, 20px, 10px);
+  -moz-image-region: rect(8px, 24px, 16px, 16px);
 }
 
 /* JS styles */
 .webconsole-filter-button[category="js"] {
-  -moz-image-region: rect(20px, 40px, 30px, 30px);
+  -moz-image-region: rect(16px, 8px, 24px, 0);
 }
 
 .webconsole-msg-exception > .webconsole-msg-icon-container {
   -moz-border-start: solid #fb9500 6px;
 }
 
 .webconsole-msg-exception.webconsole-msg-error > .webconsole-msg-icon-container > .webconsole-msg-icon {
-  -moz-image-region: rect(20px, 10px, 30px, 0);
+  -moz-image-region: rect(16px, 16px, 24px, 8px);
 }
 
 .webconsole-msg-exception.webconsole-msg-warn > .webconsole-msg-icon-container > .webconsole-msg-icon {
-  -moz-image-region: rect(20px, 20px, 30px, 10px);
+  -moz-image-region: rect(16px, 24px, 24px, 16px);
 }
 
 /* Web Developer styles */
 .webconsole-filter-button[category="webdev"] {
-  -moz-image-region: rect(30px, 40px, 40px, 30px);
+  -moz-image-region: rect(24px, 8px, 32px, 0);
 }
 
 .webconsole-msg-console > .webconsole-msg-icon-container {
   -moz-border-start: solid #cbcbcb 6px;
 }
 
 .webconsole-msg-console.webconsole-msg-error > .webconsole-msg-icon-container > .webconsole-msg-icon,
 .webconsole-msg-output.webconsole-msg-error > .webconsole-msg-icon-container > .webconsole-msg-icon {
-  -moz-image-region: rect(30px, 10px, 40px, 0);
+  -moz-image-region: rect(24px, 16px, 32px, 8px);
 }
 
 .webconsole-msg-console.webconsole-msg-warn > .webconsole-msg-icon-container > .webconsole-msg-icon {
-  -moz-image-region: rect(30px, 20px, 40px, 10px);
+  -moz-image-region: rect(24px, 24px, 32px, 16px);
 }
 
 .webconsole-msg-console.webconsole-msg-info > .webconsole-msg-icon-container > .webconsole-msg-icon {
-  -moz-image-region: rect(30px, 30px, 40px, 20px);
+  -moz-image-region: rect(24px, 32px, 32px, 24px);
 }
 
 /* Input and output styles */
 .webconsole-msg-input > .webconsole-msg-icon-container,
 .webconsole-msg-output > .webconsole-msg-icon-container {
   border-left: solid #808080 6px;
 }
 
+.webconsole-msg-input > .webconsole-msg-icon-container > .webconsole-msg-icon {
+  -moz-image-region: rect(24px, 40px, 32px, 32px);
+}
+
+.webconsole-msg-output > .webconsole-msg-icon-container > .webconsole-msg-icon {
+  -moz-image-region: rect(24px, 48px, 32px, 40px);
+}
+
 .webconsole-close-button {
   border: none;
   padding: 3px;
   list-style-image: url("chrome://global/skin/icons/close.png");
   -moz-image-region: rect(0, 16px, 16px, 0);
   -moz-appearance: none;
 }