Tweak the about box styling some more and clean up styles.

5 files changed, 26 insertions, 38 deletions

diff --git a/application/palemoon/base/content/aboutDialog.css b/application/palemoon/base/content/aboutDialog.css
index b0cb5ea39..d96eba5a2 100644
--- a/application/palemoon/base/content/aboutDialog.css
+++ b/application/palemoon/base/content/aboutDialog.css
@@ -8,6 +8,7 @@
 }
 
 #aboutVersionBox {
+  font-family: Arial, helvetica;
   height: 38 px;
 }
 
@@ -20,16 +21,36 @@
 
 #distribution,
 #distributionId {
+  text-align: center;
+  font-size: 14px;
   font-weight: bold;
   display: none;
   margin-top: 0;
   margin-bottom: 0;
 }
 
+#aboutTextBox {
+  font-family: Arial, helvetica;
+  font-size: 14px;
+  margin: 5px 20px;
+  padding: 4px 10px 0px;
+  border-radius: 3px;
+  color: black;
+  background-color: rgba(240, 240, 240, .6);
+}
+
+#aboutLinkBox {
+  font-family: Arial, helvetica;
+}
+
 .text-credits {
   margin: 5px 0px;
 }
 
+.text-center {
+  text-align: center;
+}
+
 .text-link,
 .text-link:focus {
   margin: 0px;
diff --git a/application/palemoon/base/content/aboutDialog.xul b/application/palemoon/base/content/aboutDialog.xul
index cc865f054..a34923a0a 100644
--- a/application/palemoon/base/content/aboutDialog.xul
+++ b/application/palemoon/base/content/aboutDialog.xul
@@ -51,14 +51,14 @@
 
     </vbox>
     <vbox id="aboutTextBox" flex="1">
-        <description class="text-credits">
+        <description class="text-credits text-center">
 #if defined(MOZ_OFFICIAL_BRANDING) || defined(MC_OFFICIAL)
 #ifdef MC_PRIVATE_BUILD
           This is a private build of Pale Moon. If you did not manually build this copy from source yourself, then please download an official version from the <label class="text-link" href="http://www.palemoon.org/">Pale Moon website</label>.
 #else
           <label class="text-link" href="http://www.palemoon.org">Pale Moon</label> is released by <label class="text-link" href="http://www.moonchildproductions.info">Moonchild Productions</label>.
         </description>
-        <description class="text-credits">
+        <description class="text-credits text-center">
           Special thanks to all our supporters and donors for making this browser possible!
         </description>
         <description class="text-credits">
diff --git a/application/palemoon/branding/official/content/aboutDialog.css b/application/palemoon/branding/official/content/aboutDialog.css
index 59074a13f..5bcc229e7 100644
--- a/application/palemoon/branding/official/content/aboutDialog.css
+++ b/application/palemoon/branding/official/content/aboutDialog.css
@@ -17,22 +17,14 @@
 }
 
 #aboutVersionBox {
-  font-family: Arial, helvetica;
   text-shadow: 1px 1px 0px #9ABCD5;
 }
 
 #aboutTextBox {
   animation: 3s fadeIn;
   animation-fill-mode: forwards;
-  font-family: Arial, helvetica;
-  font-size: 14px;
   text-shadow: 1px 1px 0px #9ABCD5;
-  padding: 15px 10px 5px;
-  background: linear-gradient(to bottom,
-                              transparent 0%,
-                              rgba(255, 255, 255, .6) 15%,
-                              rgba(255, 255, 255, .7) 85%,
-                              transparent 100%);
+  color: #101020; 
 }
 
 @keyframes fadeIn {
@@ -49,7 +41,6 @@
 
 #aboutLinkBox {
   padding: 15px 10px 0;
-  font-family: Arial, helvetica;
 }
 
 #aboutPMtrademark {
diff --git a/application/palemoon/branding/unofficial/content/aboutDialog.css b/application/palemoon/branding/unofficial/content/aboutDialog.css
index c1b654ac9..5cc6b428a 100644
--- a/application/palemoon/branding/unofficial/content/aboutDialog.css
+++ b/application/palemoon/branding/unofficial/content/aboutDialog.css
@@ -9,26 +9,11 @@
   color: #fff;
 }
 
-.text-link {
-  color: #eef;
-}
-
-.bottom-link {
-  color: black;
-  background-color: #808080;
-}
-
 #aboutVersionBox {
+  /* No wordmark: leave empty space */
   margin-top: 20px;
 }
 
-#aboutTextBox {
-  font-family: Arial, helvetica;
-  font-size: 14px;
-  padding: 0px 10px;
-}
-
 #aboutLinkBox {
   padding: 15px 10px 20px;
-  font-family: Arial, helvetica;
 }
diff --git a/application/palemoon/branding/unstable/content/aboutDialog.css b/application/palemoon/branding/unstable/content/aboutDialog.css
index 7ae040b05..de71f259c 100644
--- a/application/palemoon/branding/unstable/content/aboutDialog.css
+++ b/application/palemoon/branding/unstable/content/aboutDialog.css
@@ -17,22 +17,14 @@
 }
 
 #aboutVersionBox {
-  font-family: Arial, helvetica;
   text-shadow: 1px 1px 0px #D5BC9A;
 }
 
 #aboutTextBox {
   animation: 3s fadeIn;
   animation-fill-mode: forwards;
-  font-family: Arial, helvetica;
-  font-size: 14px;
   text-shadow: 1px 1px 0px #D5BC9A;
-  padding: 15px 10px 5px;
-  background: linear-gradient(to bottom,
-                              transparent 0%,
-                              rgba(255, 255, 255, .6) 15%,
-                              rgba(255, 255, 255, .7) 85%,
-                              transparent 100%);
+  color: #202010; 
 }
 
 @keyframes fadeIn {
@@ -49,7 +41,6 @@
 
 #aboutLinkBox {
   padding: 15px 10px 0;
-  font-family: Arial, helvetica;
 }
 
 #aboutPMtrademark {