Bug 805474: fix chatbar title styling in high contrast themes, and cr…

…op chatbox titles, r=jaws, a=gavin

--HG--
extra : transplant_source : %96%FD%3BE%88%99%B4%3Ae%F6%AE%0E%D2%E9%03%B5%D6X%0Du

browser/base/content/socialchat.xml

@@ -10,7 +10,7 @@
       <xul:hbox class="chat-titlebar" xbl:inherits="minimized,selected,activity"
                 onclick="document.getBindingParent(this).toggle();" align="baseline">
         <xul:image class="chat-status-icon" xbl:inherits="src=image"/>
-        <xul:label class="chat-title" flex="1" xbl:inherits="value=label,crop"/>
+        <xul:label class="chat-title" flex="1" xbl:inherits="value=label" crop="center"/>
         <xul:toolbarbutton class="chat-close-button chat-toolbarbutton"
                            oncommand="document.getBindingParent(this).close();"/>
       </xul:hbox>

browser/themes/gnomestripe/browser.css

@@ -2710,7 +2710,7 @@ stack[anonid=browserStack][responsivemode] {
 
 .chat-title {
   font-weight: bold;
-  color: -moz-dialogtext;
+  color: black;
   text-shadow: none;
   cursor: inherit;
 }

browser/themes/pinstripe/browser.css

@@ -3442,7 +3442,7 @@ stack[anonid=browserStack][responsivemode] {
 
 .chat-title {
   font-weight: bold;
-  color: -moz-dialogtext;
+  color: black;
   text-shadow: none;
   cursor: inherit;
 }

browser/themes/winstripe/browser.css

@@ -3418,7 +3418,7 @@ stack[anonid=browserStack][responsivemode] {
 
 .chat-title {
   font-weight: bold;
-  color: -moz-dialogtext;
+  color: black;
   text-shadow: none;
   cursor: inherit;
 }