summaryrefslogtreecommitdiffstats
path: root/application
diff options
context:
space:
mode:
authorwolfbeast <mcwerewolf@wolfbeast.com>2019-03-05 14:41:20 +0100
committerwolfbeast <mcwerewolf@wolfbeast.com>2019-03-05 14:41:20 +0100
commita7bca40ad5044a55358fe1c839a613da644a2bd2 (patch)
treeab8530a04883901db005670213fbfe0ca0136822 /application
parent97be0f65ccc1b89d2d9ef999e21c56f69ae637c6 (diff)
downloadUXP-a7bca40ad5044a55358fe1c839a613da644a2bd2.tar
UXP-a7bca40ad5044a55358fe1c839a613da644a2bd2.tar.gz
UXP-a7bca40ad5044a55358fe1c839a613da644a2bd2.tar.lz
UXP-a7bca40ad5044a55358fe1c839a613da644a2bd2.tar.xz
UXP-a7bca40ad5044a55358fe1c839a613da644a2bd2.zip
Tweak the about box layout a bit.
- Put the Licensing link in the center - Strengthen the "fog" background for the credits text for readability - Add CSS animation to fade it in.
Diffstat (limited to 'application')
-rw-r--r--application/palemoon/base/content/aboutDialog.xul2
-rw-r--r--application/palemoon/branding/official/content/aboutDialog.css20
-rw-r--r--application/palemoon/branding/unstable/content/aboutDialog.css20
3 files changed, 35 insertions, 7 deletions
diff --git a/application/palemoon/base/content/aboutDialog.xul b/application/palemoon/base/content/aboutDialog.xul
index ff9d2d71c..cc865f054 100644
--- a/application/palemoon/base/content/aboutDialog.xul
+++ b/application/palemoon/base/content/aboutDialog.xul
@@ -75,8 +75,8 @@
</vbox>
<vbox id="aboutLinkBox">
<hbox pack="center">
- <label class="text-link bottom-link" href="about:license">Licensing information</label>
<label class="text-link bottom-link" href="about:rights">End-user rights</label>
+ <label class="text-link bottom-link" href="about:license">Licensing information</label>
<label class="text-link bottom-link" id="releaseNotesURL">Release notes</label>
</hbox>
<description id="aboutPMtrademark">&trademarkInfo.part1;</description>
diff --git a/application/palemoon/branding/official/content/aboutDialog.css b/application/palemoon/branding/official/content/aboutDialog.css
index b9452a597..59074a13f 100644
--- a/application/palemoon/branding/official/content/aboutDialog.css
+++ b/application/palemoon/branding/official/content/aboutDialog.css
@@ -22,17 +22,31 @@
}
#aboutTextBox {
+ animation: 3s fadeIn;
+ animation-fill-mode: forwards;
font-family: Arial, helvetica;
font-size: 14px;
text-shadow: 1px 1px 0px #9ABCD5;
- padding: 0px 10px;
+ padding: 15px 10px 5px;
background: linear-gradient(to bottom,
transparent 0%,
- rgba(255, 255, 255, .3) 20%,
- rgba(255, 255, 255, .5) 75%,
+ rgba(255, 255, 255, .6) 15%,
+ rgba(255, 255, 255, .7) 85%,
transparent 100%);
}
+@keyframes fadeIn {
+ 0% {
+ opacity: 0;
+ }
+ 50% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
+}
+
#aboutLinkBox {
padding: 15px 10px 0;
font-family: Arial, helvetica;
diff --git a/application/palemoon/branding/unstable/content/aboutDialog.css b/application/palemoon/branding/unstable/content/aboutDialog.css
index 4529c22b6..7ae040b05 100644
--- a/application/palemoon/branding/unstable/content/aboutDialog.css
+++ b/application/palemoon/branding/unstable/content/aboutDialog.css
@@ -22,17 +22,31 @@
}
#aboutTextBox {
+ animation: 3s fadeIn;
+ animation-fill-mode: forwards;
font-family: Arial, helvetica;
font-size: 14px;
text-shadow: 1px 1px 0px #D5BC9A;
- padding: 0px 10px;
+ padding: 15px 10px 5px;
background: linear-gradient(to bottom,
transparent 0%,
- rgba(255, 255, 255, .3) 20%,
- rgba(255, 255, 255, .5) 75%,
+ rgba(255, 255, 255, .6) 15%,
+ rgba(255, 255, 255, .7) 85%,
transparent 100%);
}
+@keyframes fadeIn {
+ 0% {
+ opacity: 0;
+ }
+ 50% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
+}
+
#aboutLinkBox {
padding: 15px 10px 0;
font-family: Arial, helvetica;