Move browserOverlay-specific style to its own css file, fix bug 390883 to

adjust tab spacing.

testing/extensions/community/chrome/content/browserOverlays.xul

@@ -35,6 +35,8 @@
 #
 # ***** END LICENSE BLOCK ***** -->
 
+<?xml-stylesheet href="chrome://qa/skin/browserOverlays.css" type="text/css"?>
+
 <!DOCTYPE overlay [
 <!ENTITY % qaDTD SYSTEM "chrome://qa/locale/qa.dtd"> %qaDTD;
 ]>
@@ -42,39 +44,11 @@
 <overlay id="qa" 
          xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
   
-  <script type="application/x-javascript" src="chrome://qa/content/MochiKit/MochiKit.js" />
+ <script type="application/x-javascript" src="chrome://qa/content/MochiKit/MochiKit.js" />
  <script type="application/x-javascript" src="chrome://qa/content/prefs.js" />
  <script type="application/x-javascript" src="chrome://qa/content/qa.js" />
  <script type="application/x-javascript" src="chrome://qa/content/notifications.js" />
  
- <style>
- #qa-notify {
-  right: 18px;
-  bottom: 21px;
-  position: fixed;
-  border: 1px solid grey;
-  background-color: white;
-  background-image: url("logolight.png");
-  background-repeat: no-repeat;
-  background-position: center;
-}
-
-.qa-notify {
-  height: 140px;
-  width: 420px;
-}
-
-#qa-notify-box {
-  padding: 0px 6px 6px 6px;
-	display: table;
-}
-
-#qa-notify-header {
-  font-size: 1.5em;
-  font-weight: bold;
-}
-</style>
- 
  <statusbar id="status-bar">
   <statusbarpanel class="statusbarpanel-iconic" id="qa-statusbar-overlay" 
   	src="chrome://qa/skin/qmo-16px.png" 

testing/extensions/community/chrome/content/qa.xul

@@ -36,7 +36,7 @@
 # ***** END LICENSE BLOCK ***** -->
 
 <?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>
-<?xml-stylesheet href="chrome://qa/skin/" type="text/css"?>
+<?xml-stylesheet href="chrome://qa/skin/qa.css" type="text/css"?>
 <?xml-stylesheet href="chrome://qa/skin/platform.css" type="text/css"?>
 
 <!DOCTYPE window [
@@ -77,7 +77,7 @@
     <tab label="&qa.litmus.title;" />
     <tab label="&qa.bugzilla.title;" />
     <tab label="&qa.chat.title;" />
-    <spacer width="30" />
+    <spacer id="qa-tab-spacer" />
     <tab label="&qa.preferences.title;" id="qa-tabbar-prefs" />
     <tab label="&qa.help.title;" />
   </tabs>

testing/extensions/community/chrome/skin/browserOverlays.css

@@ -0,0 +1,25 @@
+ #qa-notify {
+  right: 18px;
+  bottom: 21px;
+  position: fixed;
+  border: 1px solid grey;
+  background-color: white;
+  background-image: url("chrome://qa/skin/logolight.png");
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.qa-notify {
+  height: 140px;
+  width: 420px;
+}
+
+#qa-notify-box {
+  padding: 0px 6px 6px 6px;
+	display: table;
+}
+
+#qa-notify-header {
+  font-size: 1.5em;
+  font-weight: bold;
+}

testing/extensions/community/chrome/skin/qa.css

@@ -47,7 +47,11 @@ tab {
   padding: 0.1em 0.6em;
   vertical-align: middle;
   background-color: transparent;
-}
+}
+
+/* set 140px tab spacer width here 
+for windows. Will be overriden in platform/ for other OSes */
+#qa-tab-spacer {
  width: 140px;
}
 
 /*-------------------------------
                PANELS

testing/extensions/community/platform/Darwin/chrome/skin/platform.css

@@ -0,0 +1 @@
+#qa-tab-spacer {
  width: 30px;
}