Further updates to about dialog!

browser/base/content/aboutDialog.xul

@@ -37,6 +37,7 @@
 # ***** END LICENSE BLOCK ***** -->
 
 <?xml-stylesheet href="chrome://global/skin/" type="text/css"?> 
+<?xml-stylesheet href="chrome://browser/skin/aboutDialog.css" type="text/css"?> 
 
 <!DOCTYPE window [
 <!ENTITY % brandDTD SYSTEM "chrome://global/locale/brand.dtd" >
@@ -47,11 +48,11 @@
 
 <dialog xmlns:html="http://www.w3.org/1999/xhtml"
         xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+        id="aboutDialog"
         buttons="accept"
         onload="onLoad();"
         title="&aboutDialog.title;"
-        width="306" height="381"
-        style="padding: 0px;"> 
+        width="306" height="385"> 
     
     <script type="application/x-javascript">
       <![CDATA[
@@ -62,12 +63,12 @@
       ]]>
     </script>
 
-    <vbox flex="1">
+    <vbox flex="1" id="clientBox">
       <image src="chrome://browser/content/about.png"/>
-      <vbox style="padding: 8px 10px 10px 8px;" align="center" flex="1">
+      <vbox id="detailsBox" align="center" flex="1">
         <separator class="thin"/>
-        <hbox>
-          <label value="&brandShortName;" style="font-weight: bold;"/>
+        <hbox align="center">
+          <label value="&brandShortName;" id="brandName"/>
           <label value="&version;"/>
         </hbox>
         <spacer flex="1"/>
@@ -77,10 +78,11 @@
                     About as a modal dialog, a new browser window opens when I click the link
                     but the page doesn't load in it. */
         <html:a onclick="window.openDialog('chrome://browser/content', 'Mozilla Firebird', 'chrome,all,dialog=no', '&copyrightLink;');"
-                href=""
-                style="display: block; color: blue; text-decoration: underline;">&copyright;</html:a>
+                href="" id="copyright"
+                style="display: block;">&copyright;</html:a>
         <spacer flex="1"/>
       </vbox>
     </vbox>
-    <separator class="groove"/>
+    
+    <separator class="groove" id="groove"/>
 </dialog>

browser/base/jar.mn

@@ -19,6 +19,7 @@ browser.jar:
         content/browser/pageInfo.css                  (content/pageInfo.css)
 
 classic.jar:
+        skin/classic/browser/aboutDialog.css          (skin/aboutDialog.css)
         skin/classic/browser/browser.css              (skin/browser.css)
         skin/classic/browser/browser.xml              (skin/browser.xml)
         skin/classic/browser/contents.rdf             (skin/contents.rdf)

browser/base/skin/aboutDialog.css

@@ -0,0 +1,33 @@
+#aboutDialog {
+  padding: 0px 0px 10px 0px;
+}
+
+#clientBox {
+  background-color: #FFFFFF;
+}
+
+#brandName {
+  font-weight: bold; font-size: larger;
+} 
+
+#detailsBox {
+  padding: 8px 10px 10px 8px;
+}
+
+#userAgent {
+  margin: 3px 5px;
+  background-color: #FFFFFF;
+  padding: 1px 0px 1px 2px;
+  -moz-appearance: none;
+  border: none;
+}
+
+#copyright {
+  color: blue;
+  text-decoration: underline;
+}
+
+#groove {
+  margin-top: 0px;
+}
+