From a7bca40ad5044a55358fe1c839a613da644a2bd2 Mon Sep 17 00:00:00 2001
From: wolfbeast <mcwerewolf@wolfbeast.com>
Date: Tue, 5 Mar 2019 14:41:20 +0100
Subject: 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.
---
 .../branding/unstable/content/aboutDialog.css        | 20 +++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

(limited to 'application/palemoon/branding/unstable/content')

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;
-- 
cgit v1.2.3