diff options
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; |