diff options
| author | wolfbeast <mcwerewolf@wolfbeast.com> | 2019-03-05 14:41:20 +0100 |
|---|---|---|
| committer | wolfbeast <mcwerewolf@wolfbeast.com> | 2019-03-05 14:41:20 +0100 |
| commit | a7bca40ad5044a55358fe1c839a613da644a2bd2 (patch) | |
| tree | ab8530a04883901db005670213fbfe0ca0136822 /application/palemoon/branding | |
| parent | 97be0f65ccc1b89d2d9ef999e21c56f69ae637c6 (diff) | |
| download | UXP-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/palemoon/branding')
| -rw-r--r-- | application/palemoon/branding/official/content/aboutDialog.css | 20 | ||||
| -rw-r--r-- | application/palemoon/branding/unstable/content/aboutDialog.css | 20 |
2 files changed, 34 insertions, 6 deletions
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; |