From f0c57ac5f22022bc42fc1763297c3bcbf42c45fe Mon Sep 17 00:00:00 2001 From: wolfbeast Date: Mon, 4 Mar 2019 13:02:25 +0100 Subject: Update about box design. Tag #963. --- .../branding/official/content/aboutDialog.css | 51 +++++++++++---------- .../palemoon/branding/official/content/jar.mn | 2 +- .../branding/unofficial/content/about-wordmark.png | Bin 251 -> 0 bytes .../branding/unofficial/content/about-wordmark.svg | 8 ---- .../branding/unofficial/content/aboutDialog.css | 24 +++++++--- .../palemoon/branding/unofficial/content/jar.mn | 1 - .../branding/unstable/content/about-wordmark.svg | 8 ---- .../branding/unstable/content/aboutDialog.css | 51 +++++++++++---------- .../palemoon/branding/unstable/content/jar.mn | 2 +- 9 files changed, 73 insertions(+), 74 deletions(-) delete mode 100644 application/palemoon/branding/unofficial/content/about-wordmark.png delete mode 100644 application/palemoon/branding/unofficial/content/about-wordmark.svg delete mode 100644 application/palemoon/branding/unstable/content/about-wordmark.svg (limited to 'application/palemoon/branding') diff --git a/application/palemoon/branding/official/content/aboutDialog.css b/application/palemoon/branding/official/content/aboutDialog.css index dbf04ae0a..b9452a597 100644 --- a/application/palemoon/branding/official/content/aboutDialog.css +++ b/application/palemoon/branding/official/content/aboutDialog.css @@ -3,41 +3,46 @@ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ #aboutPMDialogContainer { - background-image: url("chrome://branding/content/about-background.png"); + background-image: url("chrome://branding/content/about-background.jpg"); background-repeat: no-repeat; - background-color: #F7F7F7; - background-size: cover; - color: #000020; + background-color: #9ABCD5; + color: #101020; } -#PMleftBox { - /* background-image: url("chrome://branding/content/about-logo.png"); */ +#aboutHeaderBox { + background-image: url("chrome://branding/content/about-wordmark.png"); background-repeat: no-repeat; - /* min-width and min-height create room for the logo */ - min-width: 210px; - min-height: 210px; - margin-top:20px; - -moz-margin-start: 30px; + background-position: center center; + height: 44px; } -#PMrightBox { - margin-left: 30px; - margin-right: 30px; +#aboutVersionBox { + font-family: Arial, helvetica; + text-shadow: 1px 1px 0px #9ABCD5; } -#PMbottomBox { - padding: 15px 10px 0; - background-color: rgba(240,240,255,.7); -} +#aboutTextBox { + font-family: Arial, helvetica; + font-size: 14px; + text-shadow: 1px 1px 0px #9ABCD5; + padding: 0px 10px; + background: linear-gradient(to bottom, + transparent 0%, + rgba(255, 255, 255, .3) 20%, + rgba(255, 255, 255, .5) 75%, + transparent 100%); +} -#PMupdateDeck > hbox > label:not([class="text-link"]) { - color: #909090; +#aboutLinkBox { + padding: 15px 10px 0; + font-family: Arial, helvetica; } -#PMtrademark { - font-size: xx-small; +#aboutPMtrademark { + font-size: 10px; text-align: center; - color: #999999; + color: #C0C0C0; + text-shadow: 1px 1px 0px #000000; margin-top: 10px; margin-bottom: 10px; } diff --git a/application/palemoon/branding/official/content/jar.mn b/application/palemoon/branding/official/content/jar.mn index d8038bf9e..83ef1ed15 100644 --- a/application/palemoon/branding/official/content/jar.mn +++ b/application/palemoon/branding/official/content/jar.mn @@ -5,7 +5,7 @@ browser.jar: % content branding %content/branding/ contentaccessible=yes content/branding/about.png (about.png) - content/branding/about-background.png (about-background.png) + content/branding/about-background.jpg (about-background.jpg) content/branding/about-logo.png (about-logo.png) content/branding/about-logo@2x.png (about-logo@2x.png) content/branding/about-wordmark.png (about-wordmark.png) diff --git a/application/palemoon/branding/unofficial/content/about-wordmark.png b/application/palemoon/branding/unofficial/content/about-wordmark.png deleted file mode 100644 index 41889ba39..000000000 Binary files a/application/palemoon/branding/unofficial/content/about-wordmark.png and /dev/null differ diff --git a/application/palemoon/branding/unofficial/content/about-wordmark.svg b/application/palemoon/branding/unofficial/content/about-wordmark.svg deleted file mode 100644 index fd0f1745e..000000000 --- a/application/palemoon/branding/unofficial/content/about-wordmark.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - diff --git a/application/palemoon/branding/unofficial/content/aboutDialog.css b/application/palemoon/branding/unofficial/content/aboutDialog.css index 3f7c5ec23..c1b654ac9 100644 --- a/application/palemoon/branding/unofficial/content/aboutDialog.css +++ b/application/palemoon/branding/unofficial/content/aboutDialog.css @@ -10,15 +10,25 @@ } .text-link { - color: #eef !important; + color: #eef; } -#PMrightBox { - /* this margin prevents text from overlapping the planet image */ - margin-left: 280px; - margin-right: 20px; +.bottom-link { + color: black; + background-color: #808080; } -#PMbottomBox { - background-color: rgba(0,0,0,.7); +#aboutVersionBox { + 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/unofficial/content/jar.mn b/application/palemoon/branding/unofficial/content/jar.mn index bdb1e8129..353695792 100644 --- a/application/palemoon/branding/unofficial/content/jar.mn +++ b/application/palemoon/branding/unofficial/content/jar.mn @@ -8,7 +8,6 @@ browser.jar: content/branding/about-background.png (about-background.png) content/branding/about-logo.png (about-logo.png) content/branding/about-logo@2x.png (about-logo@2x.png) - content/branding/about-wordmark.svg (about-wordmark.svg) content/branding/icon48.png (icon48.png) content/branding/icon64.png (icon64.png) content/branding/icon16.png (../default16.png) diff --git a/application/palemoon/branding/unstable/content/about-wordmark.svg b/application/palemoon/branding/unstable/content/about-wordmark.svg deleted file mode 100644 index fd0f1745e..000000000 --- a/application/palemoon/branding/unstable/content/about-wordmark.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - diff --git a/application/palemoon/branding/unstable/content/aboutDialog.css b/application/palemoon/branding/unstable/content/aboutDialog.css index 9af49ba10..4529c22b6 100644 --- a/application/palemoon/branding/unstable/content/aboutDialog.css +++ b/application/palemoon/branding/unstable/content/aboutDialog.css @@ -3,45 +3,46 @@ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ #aboutPMDialogContainer { - background-image: url("chrome://branding/content/about-background.png"); + background-image: url("chrome://branding/content/about-background.jpg"); background-repeat: no-repeat; - background-color: #100000; - background-size: cover; - color: #E0E0FF; + background-color: #D5BC9A; + color: #202010; } -#PMleftBox { - background-image: url("chrome://branding/content/about-logo.png"); +#aboutHeaderBox { + background-image: url("chrome://branding/content/about-wordmark.png"); background-repeat: no-repeat; - /* min-width and min-height create room for the logo */ - min-width: 210px; - min-height: 210px; - margin-top:20px; - -moz-margin-start: 30px; + background-position: center center; + height: 44px; } -#PMrightBox { - margin-left: 30px; - margin-right: 30px; +#aboutVersionBox { + font-family: Arial, helvetica; + text-shadow: 1px 1px 0px #D5BC9A; } -#detailsBox > description > .text-link { - color: #CDC36F; +#aboutTextBox { + font-family: Arial, helvetica; + font-size: 14px; + text-shadow: 1px 1px 0px #D5BC9A; + padding: 0px 10px; + background: linear-gradient(to bottom, + transparent 0%, + rgba(255, 255, 255, .3) 20%, + rgba(255, 255, 255, .5) 75%, + transparent 100%); } -#PMbottomBox { +#aboutLinkBox { padding: 15px 10px 0; - background-color: rgba(240,240,255,.7); -} - -#PMupdateDeck > hbox > label:not([class="text-link"]) { - color: #909090; + font-family: Arial, helvetica; } -#PMtrademark { - font-size: xx-small; +#aboutPMtrademark { + font-size: 10px; text-align: center; - color: #333333; + color: #C0C0C0; + text-shadow: 1px 1px 0px #000000; margin-top: 10px; margin-bottom: 10px; } diff --git a/application/palemoon/branding/unstable/content/jar.mn b/application/palemoon/branding/unstable/content/jar.mn index 6903e9ac5..fcb789031 100644 --- a/application/palemoon/branding/unstable/content/jar.mn +++ b/application/palemoon/branding/unstable/content/jar.mn @@ -5,7 +5,7 @@ browser.jar: % content branding %content/branding/ contentaccessible=yes content/branding/about.png (about.png) - content/branding/about-background.png (about-background.png) + content/branding/about-background.jpg (about-background.jpg) content/branding/about-logo.png (about-logo.png) content/branding/about-logo@2x.png (about-logo@2x.png) content/branding/about-wordmark.png (about-wordmark.png) -- cgit v1.2.3