diff --git a/application/palemoon/base/content/aboutDialog.css b/application/palemoon/base/content/aboutDialog.css index d96eba5a2..2ca4047c2 100644 --- a/application/palemoon/base/content/aboutDialog.css +++ b/application/palemoon/base/content/aboutDialog.css @@ -2,53 +2,58 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -#aboutPMDialogContainer { - width: 700px; - height: 410px; +#PMaboutDialog { + width: 620px; + height: 250px; } -#aboutVersionBox { - font-family: Arial, helvetica; - height: 38 px; +#PMrightBox { + background-image: url("chrome://branding/content/about-wordmark.png"); + background-repeat: no-repeat; + /* padding-top creates room for the wordmark */ + height: 240px; + padding-top: 38px; + margin-top:20px; } -#aboutVersion { - text-align: center; - font-size: 18px; - font-weight: bold; - margin: 4px; +#PMrightBox:-moz-locale-dir(rtl) { + background-position: 100% 0; +} + +#PMbottomBox { + padding: 15px 10px 0; +} + +#PMversion { + margin-top: 10px; + -moz-margin-start: 0; } #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); +.text-blurb { + margin-bottom: 10px; + -moz-margin-start: 0; + -moz-padding-start: 0; } -#aboutLinkBox { - font-family: Arial, helvetica; +#updateButton, +#updateDeck > hbox > label { + -moz-margin-start: 0; + -moz-padding-start: 0; } -.text-credits { - margin: 5px 0px; -} - -.text-center { - text-align: center; +.update-throbber { + width: 16px; + min-height: 16px; + -moz-margin-end: 3px; + list-style-image: url("chrome://global/skin/icons/loading_16.png"); } .text-link, @@ -60,15 +65,5 @@ .bottom-link, .bottom-link:focus { text-align: center; - text-decoration: none !important; - padding: 4px; - border-radius: 3px; - color: #244C8A; - background-color: rgba(240, 240, 240, .7); margin: 0 40px; - transition: background-color 0.5s ease-out; -} - -.bottom-link:hover { - background-color: rgba(240, 240, 255, .95); } diff --git a/application/palemoon/base/content/aboutDialog.xul b/application/palemoon/base/content/aboutDialog.xul index 8eb8112da..a7e805092 100644 --- a/application/palemoon/base/content/aboutDialog.xul +++ b/application/palemoon/base/content/aboutDialog.xul @@ -38,9 +38,10 @@